Angular Material：如何格式化 datepicker 日期标签？

【问题标题】：Angular Material: How to format datepicker day label?Angular Material：如何格式化 datepicker 日期标签？
【发布时间】：2020-09-24 23:48:22
【问题描述】：

是否可以将日期标签从 2 个字符更改为 3 个字符？

发件人：

收件人：

我在文档中找不到任何参考。

【问题讨论】：

Noam Steiner，您能否分享一下您是如何在日视图中使用点进行日历视图的？！
了解dateClass: MatCalendarCellCssClasses 的mat-calendar。您可以为特定日期定义 css 类。

标签： angular datepicker angular-material

【解决方案1】：

可以通过扩展 MomentDateAdapter 来自定义 Angular Material Datepicker 工作日标题。

@Injectable()
class CustomDateAdapter extends MomentDateAdapter {
  getDayOfWeekNames(style: 'long' | 'short' | 'narrow') {
    return ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
  }
}

见Stackblitz demo。

参考文献

此答案最初由Andrew Seguin 回复Angular Components issue #16240提供。

【讨论】：