angular - 如何更改 Angular Material 日期选择器格式

Question

这是我在使用 Angular Material 日期选择器时获得的日期格式....Wed Nov 21 2018 00:00:00 GMT+0530(印度标准时间)

但我需要 (YYYY-MM-DD) 或 (YYYY-MM-DDTHH:mm) 这种格式的日期。

这是我用来从有 Angular Material 形式捕获数据的模型类

export class FlightSchedule {

    constructor(
        public destination: string,
        public origin: string,
        public date: string,
        public limit: string
    ) {}

}

请帮助我，我无法将日期转换为 YYYY-MM-DD 或 YYYY-MM-DDTHH:mm 格式。

我是 Angular 新手

提前致谢

Answer 1

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

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

然后您需要将其添加到您的提供者数组中，如下所示:

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

  //...

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

Here is a StackBlitz demo to show it working