Angular 9 和 ngx-admin nb 日期选择器无效,尽管格式良好



我对 https://akveo.github.io/nebular/docs/components/datepicker/overview#nbdatepickerdirective 有问题。我有反应形式:

Component
this.addForm = new FormGroup({
'monthOfChangeStart': new FormControl(),
'monthOfChangeEnd': new FormControl(),
},
);
HTML template 
<div class="form-group">
<label for="endDate">Month of Change End</label>
<input
nbInput
[nbDatepicker]="formControl"
aria-describedby=""
class="form-control"
[formControl]="addForm.get('monthOfChangeEnd')"
id="endDate"
type="text"
name="endDate"
>
<nb-datepicker
#formControl
format="dd-MM-yyyy" [formControl]="addForm.get('monthOfChangeEnd')"></nb-datepicker>
</div>

当我以 01-01-2020格式提供日期时,表单有效,但当我提供 13-01-2020 时,表单无效。我认为角度是认为 dd 是 MM,因此宣布它是无效的。

有人有这个问题吗?

根据格式问题和星云部分,您可能忘记导入NbDateFnsDateModuleNbMomentDateModule。如果您选择 akveo 建议

npm i @nebular/date-fns

您可能会收到像这里这样的错误 -> https://github.com/akveo/nebular/issues/2316 所以只需 https://date-fns.org/docs/Getting-Started#installation 安装即可。最后一个提示 - NbDateFnsDateModule 或NbMomentDateModule 应在 NbDatepickerModule之后导入。

最新更新