如何在 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;
 }