angular - 始终需要 react 形式的 Angular 4 DatePicker 的 ngBootstrap

Question

我使用 react 形式添加了 ngbDatePicker:

<input type="text"
        id="business_incorp_date"
        class="form-control"
        formControlName="business_incorp_date"
        ngbDatepicker
        #incorporatedDatePicker="ngbDatepicker"
        (click)="incorporatedDatePicker.toggle()"
        readonly>

对于以下的表单模型:

this.form = this.formBuilder.group({
  id: [
    0, [Validators.required]
  ],

  // ... removed for brevity

  business_type: [
    '', [Validators.required]
  ],
  business_incorp_date: [
    '', [FormValidators.date] // <-- NOT REQUIRED BY MODEL
  ],
  business_desc: [
    '', [Validators.required]
  ]

  // ...
});

但是，如果该字段为空，它对于 ngbDateFormat 仍然是 ngInvalid:

{ "ngbDate": { "invalid": { "year": null, "month": null, "day": null } } }

有人知道如何让 DatePicker 字段允许空字符串吗？

Answer 1

@pkozlowski.opensource 通过 github issue 提供的答案指出模型必须设置为 null 以避免对可选字段进行验证。