如果从日期更改为空，ng-bootstrap ngbDatepicker 将表单设置为无效答案

【问题标题】：ng-bootstrap ngbDatepicker sets form as invalid if changing from a date to null如果从日期更改为空，ng-bootstrap ngbDatepicker 将表单设置为无效
【发布时间】：2017-05-15 22:47:29
【问题描述】：

我正在尝试在 Angular 应用程序中使用引导程序的 ngbDatepicker 来支持非必需的日期字段，但如果该字段带有日期，则将日期设置为 null 将导致该字段/表单被标记为无效.

使用下面的代码，如果 note.expires_on 最初有一个日期，然后设置为 null，则该表单被标记为无效：

<input name="expires_on" [(ngModel)]="note.expires_on" ngbDatepicker #datePicker="ngbDatepicker">

我从下面的帖子中看到，如果将日期初始化为 null，那么 null 值不会导致表单无效，但在我的情况下，初始化为 null 似乎不是一种选择。

How to mark ngbDatepicker Valid in form even when no value is selected

【问题讨论】：

无法重现，请检查这个 plunker，它似乎工作正常：plnkr.co/edit/bdque81d3BO1ZcsoDhc0?p=preview。请使用实际重现问题的修改后的 plunker 更新您的问题。

标签： angular ng-bootstrap

【解决方案1】：

感谢您的及时回复。

在您发布的 plunker 上，如果您突出显示日期，点击删除然后输入，则该表单被标记为无效，因为 model 然后设置为空字符串。

我创建了一个具有 onChangeDate 方法的 plunker，该方法将 model 显式设置为 null，这似乎解决了这个问题：http://plnkr.co/edit/mjaNQK0nViVRyKd39kGu?p=preview

【讨论】：