无法绑定到“matDatepicker”，因为它不是“div”的已知属性 - Angular

Question

我试图显示日期选择器，而不是使用 div 标签的输入元素，因为我只需要将所选日期显示为 label。 下面是我的代码。

         <mat-form-field>
         <!-- <input matInput [matDatepicker]="picker" placeholder="choose a Date" (click)="picker.open()"> -->
        <div matInput [matDatepicker]="picker"  (click)="picker.open()"></div>
        <mat-datepicker #picker></mat-datepicker>
        </mat-form-field>

app.module.ts

        import { MatDatepickerModule } from '@angular/material/datepicker';
        import { MatNativeDateModule } from '@angular/material/core';
       @NgModule({
         imports: [
          ...
          MatDatepickerModule,
          MatNativeDateModule
         ]

但是当我运行我的应用程序时，我遇到了错误，

错误：模板解析错误：无法绑定到“matDatepicker”，因为它不是“div”的已知属性。

Answer 1

您可以使用输入并将其设为只读： [readonly]="true" 。