是否可以自定义材料的日期选择器主体？

Question

这个想法是编辑日期选择器主体以添加一个按钮。我知道可以编辑标题，但我想在实际日期下方添加一个按钮（按下后将日历日期设置为今天的日期）。

Answer 1

我没有找到编辑日历正文的方法。但是，我最终从 CalendarHeaderComponent 添加了按钮。这不是一个理想的情况，但它完成了工作，因为我已经定制了标题，所以没有太多额外的努力。

html（将以下内容添加到您的自定义日历标题中）：

<button (click)="goToToday()" class="today-button" mat-button color="link">Today</button>

CSS：

.today-button {
  position: relative;
  top: 280px;
  left: 80px;
}

实际日期选择器本身的额外 css：

.mat-datepicker-content {
  padding-bottom: 5px;
}