如何在 Angular Material Datepicker 中从今天的日期中移除焦点？

Question

使用 Angular Material datepicker 时是否可以移除对今天日期的关注？ 我尝试将以下属性添加到 mat-datepicker，但似乎没有任何效果，我找不到方法来做到这一点：

• 恢复焦点=“假”
• [startAt]="空"

    <mat-form-field appearance="fill">
       <mat-label>Choose a date</mat-label>
       <input matInput [matDatepicker]="picker">
       <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
       <mat-datepicker #picker></mat-datepicker>
    </mat-form-field>

例如，我不希望下图中 16 的焦点/背景。

我需要这样做，因为我正在尝试使用 Angular Material datepicker 让用户输入他们的出生日期，在这种情况下，今天的日期无关紧要。

Answer 1

在你的项目的 style.css 文件中应用这个类并重新运行项目。基本上你需要更改默认的 css 类实现。

.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgb(255 255 255) !important;
  border: none !important;
 }