无法绑定到“rangePicker”,因为它不是“mat-date-range-input”的已知属性

Mar*_*nki 10 daterangepicker angular-material angular

我正在使用角度日期范围选择器并遇到问题:

无法绑定到“rangePicker”,因为它不是“mat-date-range-input”的已知属性。

  1. 如果 'mat-date-range-input' 是一个 Angular 组件并且它有 'rangePicker' 输入,那么验证它是否是这个模块的一部分。
  2. 如果 'mat-date-range-input' 是一个 Web 组件,则将 'CUSTOM_ELEMENTS_SCHEMA' 添加到该组件的 '@NgModule.schemas' 以抑制此消息。

我也在 app.module.ts 中添加了导入、导出、提供者:

imports: [
    MatNativeDateModule,
    MatDatepickerModule,
    FormsModule,
    ReactiveFormsModule
],
exports:[
  MatDatepickerModule,
  MatNativeDateModule
],
providers: [
  MatDatepickerModule,
  MatNativeDateModule,
]
Run Code Online (Sandbox Code Playgroud)

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>
Run Code Online (Sandbox Code Playgroud)

我应该在 module.ts 中添加任何其他内容吗?

Myk*_*kyi 5

据我了解,您必须拥有 @angular/material": "^10.0.2 - 不旧