特定输入的 Angular Material 日期选择器格式答案

【问题标题】：Angular Material datepicker format for specific input特定输入的 Angular Material 日期选择器格式
【发布时间】：2020-06-07 09:13:00
【问题描述】：

如何在不更改整个模块格式的情况下单独控制日期选择器的输入格式？

<input matInput [matDatepicker]="dp" [formControl]="date" [format]="'DD/MM/YYYY'"> <-- is this possible?
<mat-datepicker-toggle matSuffix [for]="dp"></mat-datepicker-toggle>
<mat-datepicker #dp></mat-datepicker>

【问题讨论】：

您可以更改一个组件的 DateAdapter，例如stackoverflow.com/questions/54113765/…。但是我不确定如果你在同一个组件中有两个 datePicker 怎么办

标签： angular datepicker angular-material angular-material-datetimepicker

【解决方案1】：

是的，您必须将日期选择器的语言环境更改为 en-GB，方法是将 {provide: MAT_DATE_LOCALE, useValue: 'en-GB'} 添加到模块的提供程序部分。如下所示

@NgModule({providers: [{provide: MAT_DATE_LOCALE, useValue: 'en-GB'}]})

Official doc for this

【讨论】：

我想以不同的方式格式化同一模块中的多个输入。如果我按照您的建议进行操作，那么每个日期选择器输入都将具有相同的格式。我问的是是否可以单独格式化 datepicker 输入。