Winkelmaterial: MatDatepicker: Für DateAdapter wurde kein Anbieter gefunden

Ich versuche, die Datepicker-Komponente in Angular Material zu verwenden. Hier ist mein HTML-Code:

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

Es funktioniert jedoch nicht bei mir und ich erhalte die folgende Fehlermeldung:

Fehler: MatDatepicker: Für DateAdapter wurde kein Anbieter gefunden.

Die Fehlermeldung sagt mir, dass ich MatNativeDateModule sowie MatDatepickerModule importieren muss, aber ich habe das getan. Hier ist mein Importcode von app.module.ts:

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

Fehlt mir noch etwas?

Sie müssen beide MatDatepickerModule und MatNativeDateModuleunter Importe importieren und MatDatepickerModuleunter Anbietern hinzufügen

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

Angullar 8,9

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

Winkel 7 und darunter

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

Sie müssen sowohl MatDatepickerModule als auch MatNativeDateModule unter Importen importieren und MatDatepickerModule unter Providern hinzufügen

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

Importieren Sie einfach die

MatNativeDateModule

zusammen mit

MatDatepickerModule

unter app.module.ts oder app-routing.module.ts.

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

Offizielle Dokumente: Fehler: MatDatepicker: Für DateAdapter / MAT_DATE_FORMATS wurde kein Anbieter gefunden

Der Datepicker wurde so erstellt, dass er unabhängig von der Datumsimplementierung ist. Dies bedeutet, dass mit einer Vielzahl unterschiedlicher Datumsimplementierungen gearbeitet werden kann. Dies bedeutet jedoch auch, dass Entwickler sicherstellen müssen, dass die entsprechenden Teile für den Datepicker bereitgestellt werden, damit sie mit der von ihnen gewählten Implementierung arbeiten können. Der einfachste Weg, dies sicherzustellen, besteht darin, eines der vorgefertigten Module zu importieren: MatNativeDateModule, MatMomentDateModule.

Fix:

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