ng-bootstrap ngbDatepicker 如果从日期更改为 null,则将表单设置为无效



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

使用以下代码,如果note.expires_on最初具有日期,然后设置为 null,则表单将标记为无效:

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

我从下面的帖子中看到,如果日期初始化为 null,那么 null 值不会导致无效形式,但就我而言,初始化为 null 似乎不是一种选择。

如何标记 ngb日期选择器 即使未选择任何值,也可以在表单中有效

感谢您的及时回复。

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

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

最新更新