DateRange Picker-错误错误:mat-form-field必须包含MatFormFieldControl

时间:2020-10-15 17:52:18

标签: angular angular-material angular-material2

我当时在看dateRange选择器,但遇到错误。我只是遵循它们在'https://material.angular.io/components/datepicker/overview'中提供的文档和示例。但是,我看到一个错误

错误错误:mat-form-field必须包含MatFormFieldControl 请参阅下面的stackblitz [根据文档的工作示例]

https://stackblitz.com/angular/nlnayrdmbgn?file=src%2Fapp%2Fdate-range-picker-overview-example.html

在module.ts中: 我已经导入

MatFormFieldModule,
MatDatepickerModule,
MatInputModule,
MatNativeDateModule

以html文件格式:

<mat-form-field appearance="fill">
  <mat-label>Enter a date range</mat-label>
  <mat-date-range-input [rangePicker]="picker">
    <input matStartDate placeholder="Start date">
    <input matEndDate placeholder="End date">
  </mat-date-range-input>
  <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
  <mat-date-range-picker #picker></mat-date-range-picker>
</mat-form-field>

我确定我错过了一些东西,但我无法弄清楚。有人可以帮我这个忙吗?

0 个答案:

没有答案