Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/423.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Angular material2 Moment.js格式_Javascript_Angular_Typescript_Momentjs_Angular Material2 - Fatal编程技术网

Javascript Angular material2 Moment.js格式

Javascript Angular material2 Moment.js格式,javascript,angular,typescript,momentjs,angular-material2,Javascript,Angular,Typescript,Momentjs,Angular Material2,我想在资料日期选择器的输入部分显示年、月、日、时、分和秒 我已经使用本机Javascript对象成功地覆盖了自定义DateAdapter中的parse()和format()方法 但是,现在我想使用Moment.js。我在官方教程中设置了MomentDateAdapter和MAT\u MOMENT\u DATE\u格式。 如何更改日期的格式?我是否必须再次覆盖format()和parse()方法,扩展MomentDateAdapter?在导入MomentDateAdapter的模块中,可以通过以

我想在资料日期选择器的输入部分显示年、月、日、时、分和秒
我已经使用本机Javascript对象成功地覆盖了自定义
DateAdapter
中的
parse()
format()
方法

但是,现在我想使用Moment.js。我在官方教程中设置了
MomentDateAdapter
MAT\u MOMENT\u DATE\u格式。



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

在导入
MomentDateAdapter
的模块中,可以通过以下方式配置格式:

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 }
]

既然我问了这个问题,我也得出了同样的结论,但是感谢@Rui Marques在我的帖子中添加了你的答案,所以现在已经完成了!没问题。在这种情况下,你应该回答自己的问题,并将其标记为已接受,这样就不会一直没有回答:)