我有一个对可选日期字段使用ng-bootstrap's datepicker的reactive form,我试图通过将minDate
设置为当前日期来禁用过去的日期。
<div class="input-group">
<input class="form-control" [minDate]="ngdate" placeholder="yyyy-mm-dd" name="dp" formControlName="startDate" ngbDatepicker #d="ngbDatepicker">
<div class="input-group-append">
<button class="btn btn-outline-secondary calendar fa fa-calendar" (click)="d.toggle()" type="button"></button>
</div>
</div>
ngdate: NgbDateStruct = {
year: new Date().getFullYear(),
month: new Date().getMonth() + 1,
day: new Date().getDate()
};
this.registerForm = this.formBuilder.group({
startDate: ['']
});
当我输入日期时,它会正确地工作,并且今天之前的所有日期都会被正确禁用。问题是,当我提交表单而没有输入日期时,它的状态为errors.ngbdate
是无效的。
我认为这是因为我的date字段一开始是空白的(因为它是一个反应式表单),并且没有被初始化。
如何禁用过去的日期,同时防止在用户未输入日期时发生此验证错误?
发布于 2019-04-08 08:50:18
根据Mr. Jay's comment,这可以通过将startDate: ['']
更改为startDate: null
来解决。
https://stackoverflow.com/questions/55458119
复制相似问题