Datepicker: valeur non reconnue comme objet date par DateAdapter

Question

Je reçois cette erreur chaque fois que j'enregistre mon formulaire. Datepicker: value not recognized as a date object by DateAdapter. at MdDatepickerInput.set [as value]

Ceci est le datepicker d'entrée.

<md-input-container> 
     <input mdInput 
       (dateChange)="saveForm()" 
       placeholder="Event Date" 
       [mdDatepicker]="eventDatePicker" 
       formControlName="eventDate" 
       [(ngModel)]="editingFundraiser.eventDate"/> 
     <md-datepicker-toggle mdSuffix [for]="eventDatePicker"></md-datepicker-toggle> 
     <md-datepicker #eventDatePicker></md-datepicker> 
    </md-input-container> 

C'est la forme dans le fichier ts

private initForm() { 
    this.myForm = this.fb.group({ 
     eventDate: new FormControl(this.editingForm.eventDate, Validators.required), 
    }); 
} 

C'est le modèle pour la forme

export class MyForm 
    eventDate: any; 
} 

J'ai lu plusieurs articles et je l'ai essayé de créer une coutume adaptateur de date en vain. Quelqu'un peut-il m'aider avec ce problème?

Answer 1

J'ai créé une nouvelle fonction pour résoudre mon problème.

</md-input-container>   
    <input mdInput 
      (dateChange)="saveDate($event)" 
      placeholder="Event Date" 
      [mdDatepicker]="eventDatePicker" 
      formControlName="eventDate"/> 
    <md-datepicker-toggle mdSuffix [for]="eventDatePicker"></md-datepicker-toggle> 
    <md-datepicker #eventDatePicker></md-datepicker> 
</md-input-container> 

je suis passé la event.value dans cette fonction et a couru la fonction de sauvegarde à la fin

saveDate(event) { 
    this.editingFundraiser.eventDate = new Date(event.value); 
    this.saveForm(); 
}