MatDatePicker显示在页面底部，样式已损坏

Question

我正在使用角度8。在我的app.module.ts中，我添加了：

import {MatDatepickerModule} from '@angular/material/datepicker';
import {MatNativeDateModule} from '@angular/material';

，我将它们添加到了@NgModuel导入

在html组件中，我有：

<input [matDatepicker]="LMPDatepicker" formControlName="LMP" class="t-field t-field--date menstural-field" aria-labelledby="menstural_LMP" max="{{lmpmax}}" min="{{lmpmin}}">
<mat-datepicker-toggle [for]="LMPDatepicker"></mat-datepicker-toggle>
<mat-datepicker #LMPDatepicker></mat-datepicker>

当我单击切换开关时，它会滚动到打开Datepicker的页面底部，并且实际上确实正确地选择了日期，但是样式和位置完全弄乱了……

这发生在我添加日期选择器的项目中的任何地方。

Answer 1

添加@import'@ angular / material / prebuilt-themes / indigo-pink.css'之后； 到styles.css一切正常。 https://material.angular.io/guide/theming