ANgular 7：如何使用ng-model格式化日期？

Question

我正在使用带有angular7的.net核心API。

我有一个问题，使用ngModel将dateTime转换为Date

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

Answer 1

相反，如果双向绑定。使用一种方式并有一个事件处理程序来更新用户输入。

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

在您的ts文件中添加updatedate以更新ngmodel

 updatedate(event) {

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