在垫子选择器中显示月份和年份

时间:2019-06-19 03:30:43

标签: angular 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',
  },
};

1 个答案:

答案 0 :(得分: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才能显示名称而不是值。

如果要使用全月名称(例如:6月而不是6月),则可以使用MMMM/YYYY