更改Angular单场单场的选择日期选择器格式

Question

如您所见 我只想将年制定格式更改为年（YYYY），同时保持其他形式字段完整。 可以这样做吗？ 或任何参考。

Answer 1

Angular材料提供MAT_DATE_FORMATS对象，该对象是DatePicker使用的格式集合，用于解析和显示日期。要使用自定义日期格式，我们需要使用给定格式覆盖MAT_DATE_FORMATS。导入并提供您自己的日期格式。

 import { MAT_DATE_FORMATS } from '@angular/material';

根据需要以自定义方式定义日期格式。

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

在@component中，添加提供商

 providers: [
    { provide: MAT_DATE_FORMATS, useValue: DATE_FORMAT }
  ]