角材料：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';

还有什么我想念的吗？

您需要同时导入MatDatepickerModule 和MatNativeDateModule未导入，并MatDatepickerModule在提供者下添加

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

Angullar 8,9

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

Angular 7及以下

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

您需要在导入下导入MatDatepickerModule和MatNativeDateModule，并在提供程序下添加MatDatepickerModule

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

只需导入

MatNativeDateModule

随着

MatDatepickerModule

在app.module.ts或app-routing.module.ts上。

@NgModule({
imports: [
    MatDatepickerModule,
    MatNativeDateModule 
]
})

官方文档：错误：MatDatepicker：未找到DateAdapter / MAT_DATE_FORMATS的提供程序

datepicker被构建为与日期实现无关。这意味着可以使其与多种不同的日期实现一起使用。但是，这也意味着开发人员需要确保为日期选择器提供适当的组件，以便与他们选择的实现一起使用。确保这一点的最简单方法就是导入预制模块之一：MatNativeDateModule，MatMomentDateModule。

固定：

@NgModule({
  imports: [MatDatepickerModule, MatNativeDateModule],
})
export class MyApp {}