且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

如何更改角度材料日期选择器格式

更新时间:2023-11-20 12:30:34

您需要提供一个包含您希望使用的格式的对象.该对象应类似于:

You need to provide an object containing the formats you wish to use. The object should look something like:

export const MY_FORMATS = {
  parse: {
    dateInput: 'LL',
  },
  display: {
    dateInput: 'YYYY-MM-DD',
    monthYearLabel: 'YYYY',
    dateA11yLabel: 'LL',
    monthYearA11yLabel: 'YYYY',
  },
};

然后您需要将其添加到您的 providers 数组中,如下所示:

You then need to add that in to your providers array, like so:

  import { MAT_DATE_FORMATS } from '@angular/material';
  import { MomentDateAdapter } from '@angular/material-moment-adapter';

  //...

  providers: [
    {provide: DateAdapter, useClass: MomentDateAdapter, deps: [MAT_DATE_LOCALE]},
    {provide: MAT_DATE_FORMATS, useValue: MY_FORMATS},
  ],

这是一个 StackBlitz 演示显示它的工作