角度材料:MatDatepicker:找不到 DateAdapter 的提供者

新手上路,请多包涵

我正在尝试在 Angular Material 中使用 Datepicker 组件。这是我的 HTML 代码:

 <input matInput [matDatepicker]="picker" placeholder="Choose a date" disabled>
<mat-datepicker #picker disabled="false"></mat-datepicker>

但是,它对我不起作用,并且出现以下错误:

错误:MatDatepicker:找不到 DateAdapter 的提供程序。

错误消息告诉我,我需要导入 MatNativeDateModule 和 MatDatepickerModule,但我已经这样做了。下面是我从 app.module.ts 导入的代码:

 import {
    MatFormFieldModule,
    MatMenuModule,
    MatCheckboxModule,
    MatIconModule,
    MatDatepickerModule,
    MatNativeDateModule
} from '@angular/material';

还有什么我想念的吗?

原文由 ajgisme 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 325
2 个回答

您需要导入 MatDatepickerModuleMatNativeDateModule 在 imports 下并添加 MatDatepickerModule 在 providers 下

 imports: [
    MatDatepickerModule,
    MatNativeDateModule
  ],
  providers: [
    MatDatepickerModule,
  ],

原文由 Sajeetharan 发布,翻译遵循 CC BY-SA 3.0 许可协议

角度 8、9

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

Angular 7 及以下版本

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

您需要导入 MatDatepickerModuleMatNativeDateModule 在导入下并添加 MatDatepickerModule 在供应商下

imports: [
    MatDatepickerModule,
    MatNativeDateModule
  ],
  providers: [
    MatDatepickerModule,
    MatNativeDateModule
  ],

原文由 lilan silva 发布,翻译遵循 CC BY-SA 4.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题