微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决DateRange Picker-错误错误:mat-form-field必须包含MatFormFieldControl

我当时在看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>

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。