Angular 4：NgModel 不工作。不为 "date" 字段设置值

Question

Using Angular 4 我尝试将一个值设置为 "date" 类型的输入，但我做不到。我的字段结构如下：

<input 
    type="date"
    class="form-control"                        
    ([ngModel])="edt_object.list_changedate" 
    (ngModelChange)="edt_object.list_changedate = $event"
    formControlName="list_changedate"
    name="list_changedate"
    id="list_changedate"
    style="width: 228px!important">

我尝试设置值的 Typescript 代码如下：

this.edt_object.list_changedate = this.lista_selected.list_changedate

然而，没有任何反应。当我使用 jQuery 分配值时（是的，同时使用 Angular 和 jQuery）它确实有效，但是，当我尝试使用 Angular 验证该字段时，状态该字段的值是 "Invalid"，因为 Angular 没有值。我该怎么办？

Answer 1

作为问题的变体之一，可能是日期格式不正确。尝试调试 'this.lista_selected.list_changedate' 值。它应该类似于“2016-10-13”格式。

Answer 2

改变

 ([ngModel])="edt_object.list_changedate" 
 (ngModelChange)="edt_object.list_changedate = $event"

到

 [ngModel]="edt_object.list_changedate" 
 (ngModelChange)="onChange($event)"

并将onChange()实现为

onChange(event) {
    // emit event
}

[(ngModel)]是双向绑定 (ngModelChange) 是 ngModel 的@Output。如果你想使用 (ngModelChange) 你必须使用 [ngModel]

Angular 4：NgModel 不工作。不为 "date" 字段设置值

Angular 4: NgModel doesn't work. Does not set value to "date" field

date

ngmodel

angular