如何更改垫日历日历按钮的外壳？

Question

我更改了此按钮的文本格式。我面临的问题是它会自动将文本更改为大写。我想将其命名为大写（仅首字母大写，其余字母均为小写）。有什么办法吗？

Answer 1

你必须在那里使用一些 css：

.mat-calendar-period-button {
  text-transform: lowercase;

  &::first-letter {
    text-transform: uppercase;
  }
}

Answer 2

这来自MatCalendarHeader。查看模板，月份和年份来自periodButtonText。在代码perioduttonText中进一步查找是一种吸气剂，最后，它们称为toLocaleUpperCase。因此，没有办法改变这一点。

您所能做的就是使用Stackblitz所示的模板更改日历标题。