角度材料日期选择器错误呈现

Posted 2023-05-07

【中文标题】角度材料日期选择器错误呈现

【英文标题】：angular material date picker wrongly rendered

【发布时间】：2022-01-01 21:37:46

【问题描述】：

我使用角度材料日期选择器组件，这段代码

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

但它被错误地渲染了（见下面的打印屏幕）

它曾经可以工作，但现在不行了。有什么想法吗？

【参考方案1】：

对不起，我的回答迟了。事实上，这是我的错：我使用了以下 css 破坏了 dqte 选择器模板

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

当我删除它时一切正常