angular2 Material 2 Datepicker - 输出日期格式

Question

我正在使用 https://material.angular.io/components/component/datepicker在我的 angular4 项目中。如何使用“2017 年 5 月 29 日”等短格式在输入框中设置所选日期的格式。目前显示为29/05/2017

示例代码:

<md-input-container>
  <input mdInput readonly="true" [mdDatepicker]="startDatePicker" [mdDatepickerFilter]="myFilter" [min]="minDate" [max]="maxDate" class="date-text ng-dirty ng-valid-parse ng-touched ng-not-empty ng-valid ng-valid-required" placeholder="Choose a date">
  <button mdSuffix [mdDatepickerToggle]="startDatePicker" class="date-icon"></button>
</md-input-container>

<md-datepicker #startDatePicker [dateFormat]="'LL'" startView="month" [startAt]="currentDate"></md-datepicker>

TS:

@ViewChild('startDatePicker') startDatePicker: MdDatepicker<Date>;

附言。 [dateFormat]="'LL'"无效

Answer 1

您目前无法轻松设置日期格式。 Material 2 Datepicker 中没有这样的属性 API更改格式的唯一正确方法是提供您自己的 DateAdapter执行。官方文档没有提供任何相关说明。只有一个基本的 implementetion现在，它根据 locale 定义格式。对此有很多提示，很快就会有更多的适配器出现。你可以尝试使用一个基于 moment.js 的 this问题线程或只是等待。

您还可以使用区域设置在日期选择器中获得不同的格式。但这只是一种解决方法，直到出现合适的官方解决方案:

export class AppModule {
  constructor(private dateAdapter:DateAdapter<Date>) {
    dateAdapter.setLocale('de'); // DD.MM.YYYY
  }
}