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);
    }