大佬教程收集整理的这篇文章主要介绍了Angular2：如何使用具有NgModel双向绑定的JavaScript Date对象，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
JS，此代码启动模板的员工变量：
handleemployee(employee : employeE){ this.employee = employee; this.employee.startDate = new Date('2005/01/01'); console.log(this.employeE); }
模板：
...
<div>
<label>Start date: </label>
<input [(ngModel)]="employee.startDate" type="date" name="startDate"/>
</div>
<div>
...
其他数据如firstname显示正确。但是在我刚刚得到的日期：
@H_486_3@mm/dd/yyyy在输入元素中，应该是一个日期。
我该怎么做？
当我写这个答案DatePipe不存在，现在你可以这样做
<input [ngModel]="startDate | date:'yyyy-MM-dd'" (ngModelChangE)="startDate = $event" type="date" name="startDate"/>
`
老答案：
你需要转换日期对象的输入type =“date”格式是yyyy-mm-dd，这是怎么工作的
模板：
<input [(ngModel)]="humanDate" type="date" name="startDate"/>
组分(TS)：
export class App { startDate: any; constructor() { this.startDate = new Date(2005,1,4); } set humanDate(E){ e = e.split('-'); let d = new Date(Date.UTC(e[0],e[1]-1,e[2])); this.startDate.setFullYear(d.getUTCFullYear(),d.getUTCMonth(),d.getUTCDate()); } get humanDate(){ return this.startDate.toISOString().subString(0,10); } }
以上是大佬教程为你收集整理的Angular2：如何使用具有NgModel双向绑定的JavaScript Date对象全部内容，希望文章能够帮你解决Angular2：如何使用具有NgModel双向绑定的JavaScript Date对象所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。