Datepicker:DateAdapter未将值识别为日期对象

时间:2017-09-19 00:50:05

标签: angular datepicker angular2-forms angular-material2

每次保存表单时都会出现此错误。 Datepicker: value not recognized as a date object by DateAdapter. at MdDatepickerInput.set [as value]

这是输入日期选择器。

    <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>

这是ts文件中的表格

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

这是表格

的模型
export class MyForm
    eventDate: any;
}

我已阅读过多篇文章,但我尝试创建自定义日期适配器无济于事。任何人都可以帮我解决这个问题吗?

1 个答案:

答案 0 :(得分:0)

我创建了一个新功能来解决我的问题。

</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>

我将event.value传入此函数并在结尾处运行了save函数

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