Angular Material Date Picker添加水平线

Question

当我从Angular Material网站复制DatePicker示例时，它在底部添加了一条额外的水平线，我无法弄清楚原因。

以下是示例：

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

这是截图：

Answer 1

此问题是因为您使用的是角形材质，以及实体化或实体化样式的cdn。 您可以删除此行：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">

<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>

，日期选择器的行将正常，然后，您可以将其他网格系统用于行和列。 例如：https://github.com/angular/flex-layout