Angular 角度材质日期选择器--错误：mat form字段必须包含MatFormFieldControl

我想添加一个日期选择器来选择日期范围

应用程序模块 形式 提供以下错误描述：

错误：mat表单字段必须包含MatFormFieldControl

如果未将表单字段控件添加到表单中，则会发生此错误 领域如果表单字段包含本机

或

元素，确保已将

matInput

指令添加到该元素中并 导入的

MatInputModule

。可以用作表单字段的其他组件 控件包括

，

，以及任何自定义表单 已创建的字段控件

需要将

matInput

指令添加到

元素中

要使用两个日期选择器选择日期范围，请将每个日期选择器放置在其自己的

mat表单字段中。参见角度示例

例子

输入日期范围

MatFormFieldModule,
MatDatepickerModule,
MatInputModule,

<mat-form-field appearance="fill">
  <mat-label>Enter a date range</mat-label>
  <mat-date-range-input [rangePicker]="picker">
    <input matStartDate placeholder="Start date" #arrival>
    <input matEndDate placeholder="End date" #departure>
  </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>

ERROR Error: mat-form-field must contain a MatFormFieldControl.

<mat-form-field class="example-full-width" appearance="fill">
  <mat-label>Enter a date range</mat-label>
  <input matInput [matDatepicker]="picker">
  <mat-datepicker #picker></mat-datepicker>
</mat-form-field>