HTML日期输入初始值

时间:2018-05-25 15:27:19

标签: angular

尝试将日期选择器合并到我的角度应用中。我的问题是,当它最初加载输入字段时显示 01/01 2018'无论模型具有什么价值。选择日期后,输入显示和模型都会正确更新。如何初始化datepicker / input?

<input type="date" name="Date" class="form-control" id="Date" [ngModel]="stat.dpndcyDt | date:'yyyy-MM-dd'" (ngModelChange)="stat.dpndcyDt=$event" [value]="stat.dpndcyDt | date:'yyyy-MM-dd'" />

dpndcyDt是一个Date对象。我认为这与从字符串&gt;日期相反,反之亦然,但我不确定修复是什么。

*编辑添加的图片 date picker not showing correct date on load

2 个答案:

答案 0 :(得分:0)

你可以尝试这个解决方案

ngModel

的ts文件中添加stat.dpndcyDt的初始值
stat={
        dpndcyDt:new Date() 
}

答案 1 :(得分:0)

事实证明原因是在一个循环中输入了日期,并为所有这些使用相同的id。它们都显示了要处理的最后一个字段的初始日期。