angular material 日期选择器错误呈现

Question

我用angular material日期选择器组件，配合这段代码

<mat-form-field appearance="fill">
    <mat-label>Date of meeting *</mat-label>
    <input matInput [matDatepicker]="picker1" formControlName="entityDate">
    <mat-datepicker-toggle matSuffix [for]="picker1"></mat-datepicker-toggle>
    <mat-datepicker #picker1></mat-datepicker>
</mat-form-field>

但是渲染错误（见下面的打印屏幕）

以前可以，现在不行了。有什么想法吗？

Answer 1

抱歉我迟到的回答。事实上，这是我的错：我使用了以下 css 破坏了日期选择器模板

td {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

当我删除它时一切正常

angular material 日期选择器错误呈现

angular material date picker wrongly rendered

angular

angular-material

datepicker