标签:javascript angular typescript datepicker angular-material2
从昨天开始,我正在努力解决角材料2 datepicker的问题,
在最后一次npm安装之前,它工作正常,现在我得到:
ERROR Error: Datepicker: value not recognized as a date object by DateAdapter.
HolidayRequestComponent.html:21
第21行是我的<输入开始的地方
<md-input-container [formGroup]="dateRangeForm">
<input
mdInput
name="date_from"
[mdDatepicker]="from"
placeholder="Start date"
formControlName="holidayDataControl"
[ngModel]="date_from"
>
<md-datepicker-toggle mdSuffix [for]="from"></md-datepicker-toggle>
</md-input-container>
<md-datepicker #from></md-datepicker>
我的组件:
import {Component, OnInit, Inject } from '@angular/core';
import {MD_DIALOG_DATA, MdDialog } from '@angular/material';
import {FormBuilder, FormControl, FormGroup, NgForm, Validators} from '@angular/forms';
import {Observable} from 'rxjs/Observable';
@Component({
selector: 'app-holiday-request',
templateUrl: './holiday-request.component.html',
styleUrls: ['./holiday-request.component.css']
})
export class HolidayRequestComponent implements OnInit {
public date_from = new Date();
constructor(@Inject(MD_DIALOG_DATA) public data: any,
private fb: FormBuilder,
) {
this.dateRangeForm = new FormGroup({
holidayDataControl: new FormControl('', Validators.required)
});
}
}
解决方法:
根据https://github.com/angular/material2/issues/6265
空字符串不是可接受的值,它会引发以下错误:
Datepicker: value not recognized as a date object by DateAdapter.
所以解决方案就是改变
this.dateRangeForm = new FormGroup({
holidayDataControl: new FormControl('', Validators.required)
});
至
this.dateRangeForm = new FormGroup({
holidayDataControl: new FormControl(null, Validators.required)
});
标签:javascript,angular,typescript,datepicker,angular-material2 来源: https://codeday.me/bug/20190727/1551339.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。