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

Question

我对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 时，表格无效。我认为 angular 认为 dd 是 MM ，因此将其声明为无效。

有人有这个问题吗？

Answer 1

根据Formatting Issue和Nebular部分，您可能忘记导入NbDateFnsDateModule或NbMomentDateModule。如果您选择 akveo 建议

npm i @nebular/date-fns

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