Angular2材质DatePicker自定义

Question

如何在datepicker中自定义标签？如下例：

我想显示FunnyDay而不是Monday，或SunnyMonth代替September。

Answer 1

您可以使用MdDatepickerIntl本地化所有标签和消息。

  

本地化标签和消息（source）

     

datepicker使用的各种文本字符串是通过MdDatepickerIntl提供的。可以通过在应用程序根模块中提供具有已翻译值的子类来完成这些消息的本地化。

@NgModule({
  imports: [MdDatepickerModule, MdNativeDateModule],
  providers: [
    {provide: MdDatepickerIntl, useClass: MyIntl},
  ],
})
export class MyApp {}

Answer 2

您可以创建DateAdapter的自定义实施（通过DateAdapter#getDayOfWeekNames和DateAdapter#getMonthNames提供您的名字），并照常提供：

{provide: DateAdapter, useClass: CoolDateAdapter},

您可以使用NativeDateAdapter作为示例，甚至可以通过它扩展您的CoolDateAdapter（这样您将需要覆盖上面的两个目标方法）。