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

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;
}