Angular Material 5 - 如何在 mat-datepicker 中自定义日期

当你使用Angular Material 5构建应用程序时，经常会遇到需要自定义日期选择器（mat-datepicker）的情况。默认情况下，mat-datepicker提供了便捷的日期选择功能，但有时你可能需要对其进行定制以满足特定需求。在本文中，我们将探讨如何在Angular Material 5中自定义mat-datepicker的日期显示。

typescript
import { MAT_DATE_FORMATS } from '@angular/material/core';
export const MY_DATE_FORMATS = {
  parse: {
    dateInput: 'LL',
  },
  display: {
    dateInput: 'YYYY-MM-DD',
    monthYearLabel: 'YYYY 年 MM 月',
    dateA11yLabel: 'LL',
    monthYearA11yLabel: 'YYYY 年 MM 月',
  },
};
@NgModule({
  // 其他配置...
  providers: [
    { provide: MAT_DATE_FORMATS, useValue: MY_DATE_FORMATS },
  ],
})
export class AppModule { }

html