Angular2 Material DatePicker 自定義

Question

如何在 datepicker 中自定義標簽？ 比如下面的例子：

我想顯示FunnyDay而不是Monday ，或者SunnyMonth而不是September 。

Answer 1

您可以使用MdDatepickerIntl本地化所有標簽和消息。

本地化標簽和消息（ 來源）

MdDatepickerIntl使用的各種文本字符串是通過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（這樣您將需要覆蓋上面的兩個目標方法）。