角度材质2 Moment.js格式化

时间:2018-01-17 13:18:55

标签: javascript angular typescript momentjs angular-material2

我想在素材日期选择器的输入部分显示年,月,日,小时,分钟和秒。
我已成功使用原生Javascript对象覆盖自定义parse()中的format()DateAdapter方法。

但是,现在我想使用Moment.js。我在官方教程中设置了MomentDateAdapterMAT_MOMENT_DATE_FORMATS

如何更改日期的格式?我是否必须再次覆盖format()parse()方法,扩展MomentDateAdapter

1 个答案:

答案 0 :(得分:1)

在导入import { MAT_DATE_FORMATS, DateAdapter, MAT_DATE_LOCALE } from '@angular/material'; // See the Moment.js docs for the meaning of these formats: // https://momentjs.com/docs/#/displaying/format/ export const MY_FORMATS = { parse: { dateInput: 'L' }, display: { dateInput: 'L', monthYearLabel: 'MMM YYYY', dateA11yLabel: 'LL', monthYearA11yLabel: 'MMMM YYYY' } }; //... providers: [ { provide: DateAdapter, useClass: MomentDateAdapter, deps: [MAT_DATE_LOCALE] }, { provide: MAT_DATE_FORMATS, useValue: MY_FORMATS } ] 的模块中,您可以通过以下方式配置格式:

{{1}}