ANgular 7 : How to format a date using ng-model?

Question

I'm using .net core api with angular7.

I have a problem to convert dateTime to Date with ngModel

 <input class="form-control" name="dateT"
 [(ngModel)]="exp.dateTo  |date:'yyyy-MM-dd'" #dateT="ngModel" type="date"/>

Answer 1

Instead if two-way binding.Use one way and have a event handler to update User input.

<input class="form-control" name="dateT" (ngModelChange)="updatedate($event)" [ngModel]="exp.dateTo |date:'yyyy-MM-dd'" #dateT="ngModel" type="date"/>

In your ts file add updatedate to update the ngmodel

 updatedate(event) {

        this.exp.dateTo = new Date(event);
    }