在 mat-picker 中显示月份和年份

Question

我想使用 angular-material 显示带有月份和年份的日历 查看我看到的文档，但我需要月份的名称

https://stackblitz.com/angular/ggalrrqvxdg?file=app%2Fdatepicker-views-selection-example.ts

我使用了这段代码，它显示了月份的名称，但仍然显示日期我怎么能隐藏那一天？

export const MY_FORMATS = {
  parse: {
    dateInput: 'LL',
  },
  display: {
    dateInput: 'LL',
    monthYearLabel: 'MMM YYYY',
    dateA11yLabel: 'LL',
    monthYearA11yLabel: 'MMMM YYYY',
  },
};

Answer 1

如果您只想更改输入中的显示值，请使用：

export const MY_FORMATS = {
  parse: {
    dateInput: 'MM/YYYY',
  },
  display: {
    dateInput: 'MMM/YYYY',
    monthYearLabel: 'MMM YYYY',
    dateA11yLabel: 'LL',
    monthYearA11yLabel: 'MMMM YYYY',
  },
};

display: { dateInput: 'MMM/YYYY', ... 需要一个额外的 M 来显示名称而不是值。

如果你想要完整的月份名称（例如：六月而不是六月），你可以有MMMM/YYYY。