“mat-datepicker-actions”不是已知元素 - 需要最佳解决方案

Question

我已经进口了MatDatepickerModule，得到的mat-datepicker-actions还不知道。我猜还有其他一些模块需要导入。这是代码片段：

<mat-form-field appearance="fill" class="example-form-field">
   <mat-label>Choose a date</mat-label>
   <input matInput [matDatepicker]="datepicker">
   <mat-datepicker-toggle matSuffix [for]="datepicker"></mat-datepicker-toggle>
   <mat-datepicker #datepicker>
     <mat-datepicker-actions>
       <button mat-button matDatepickerCancel>Cancel</button>
       <button mat-raised-button color="primary" matDatepickerApply>Apply</button>
     </mat-datepicker-actions>
   </mat-datepicker>
 </mat-form-field>

注意：任何人都在库内提供解决方案angular-material，而不是第三方（通常规模太大）。我会很感激的。

Answer 1

您需要将MatDatepickerModule和导入MatNativeDateModule到您的组件所属的模块中。我在下面使用 Angular 11

    import { MatDatepickerModule } from '@angular/material/datepicker';
    import { MatNativeDateModule } from '@angular/material/core';

    @NgModule({
      declarations: [
        ...
      ],
      imports: [
        ...
        MatNativeDateModule,
        MatDatepickerModule
        ...