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

Question

Using Angular 4 I try to set a value to an Input of type "date" and I can not do it. The structure of my field is the following:

<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">

And the Typescript code with which I try to set the value is the following:

this.edt_object.list_changedate = this.lista_selected.list_changedate

However, nothing happens. When I assign the value using jQuery (Yes, using Angular and jQuery together) it does work, BUT, when I try to validate that field using Angular, the state of that field is "Invalid" because there is no value to Angular. What should I do?

Answer 1

Change

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

to

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

and implement onChange() as

onChange(event) {
    // emit event
}

[(ngModel)] is two-way binding (ngModelChange) is the @Output of ngModel. If you want to use (ngModelChange) you have to use [ngModel]