使用双向绑定打字稿读取日期值

时间:2017-04-28 23:42:30

标签: html angular date typescript

我使用默认日期输入HTML元素在我的页面中呈现datepicker。但是,即使应用了双向绑定,页面中的默认值也显示为“mm / dd / yyyy”。以下代码有什么问题?

我的HTML页面:

 <div class='input-group date datepicker'>                            
     <input id="dtDate" type="date" [(ngModel)]="todayDate" />
 </div>

我的.ts文件

  private todayDate = new Date().toLocaleDateString();

当我读到“todayDate”值时,我的价值正确。但在UX中,默认值显示为“mm / dd / yyyy”。

1 个答案:

答案 0 :(得分:1)

<input [ngModel]="todayDate | date:'yyyy-MM-dd'" (ngModelChange)="todayDate = $event" type="date" name="todayDate"/>

我认为你的代码必须是这样的。