Mat-DatePicker-使用useUtc显示格式dd / mm / yyyy

时间:2018-12-03 16:30:37

标签: angular angular-material-6

我来自印度(偏移量为+5:30),我的要求是以dd / mm / yyyy格式显示日期,该日期应始终为utc日期,否则它将减去时间偏移量并在http帖子中传递昨天的日期

我正在维护一个公共模块,以在我的功能模块中导入必要的Mat模块。是否可以在全球范围内进行修复,以使我的功能模块内部没有任何变化。

有人可以指导我吗?

谢谢。

MuthuD

1 个答案:

答案 0 :(得分:1)

您可以将Moment JS与Angular Material一起使用,并且由于您使用的是通用模块,因此可以将更改放在一个地方,这样就可以在整个应用程序中使用。 这个Angular博客指定了使用它的方式。 https://blog.angular.io/taking-advantage-of-the-angular-material-datepicker-237e80fa14b3

它是Angular Material库中的内置支持。

import {MatDatepickerModule} from '@angular/material';
import {MomentDateAdapter, MAT_MOMENT_DATE_FORMATS} from '@angular/material-moment-adapter';
import {DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE} from '@angular/material/core';

@NgModule({
    imports: [MdDatepickerModule],
    providers: [
        {provide: DateAdapter, useClass: MomentDateAdapter},
        {provide: MD_DATE_FORMATS, useValue: MAT_MOMENT_DATE_FORMATS},
   ],
})