Angular Material 2，将日期选择器日期格式 "MM/DD/YYYY"更改为 "DD/MM/YYYY"奇怪的行为

Question

我只是尝试将 Angular Material 2 日期选择器的默认日期格式 MM/DD/YYYY 更改为 DD/MM/YYYY 或 DD.MM .YYYY 或至少 DD-MM-YYYY

根据 this question并且如 the documentation 中所述

providers: [{provide: MD_DATE_FORMATS, useValue: MY_NATIVE_DATE_FORMATS}]

所以尝试了以下方法

方法 1 plunkr : 获取 DD-MM-YYYY 格式

方法 2 plunkr : 获取 DD.MM.YYYY 格式

方法 3 plunkr : 获取 DD/MM/YYYY 格式

但在我选择 Date 1 到 12 之前，上述每种方法都正常工作，

例如:今天的日期是2017 年9 月25 日，如果我选择2017 年9 月12 日 作为日期，然后再次单击日期选择器按钮我可以看到日历日期，作为2017 年 11 月 9 日(09/11/2017)不是(11/09/2017)，这似乎是默认日期格式未正确覆盖

Answer 1

在 providers: 数组下的 app.module.ts 中使用它。

{provide: MAT_DATE_LOCALE, useValue: 'en-GB'}