Angular 2 Date输入不绑定到日期值 [英] Angular 2 Date Input not binding to date value
本文介绍了Angular 2 Date输入不绑定到日期值的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
试图建立表单,但是由于某种原因,尽管使用[[ngModel)],尽管我的html中的Date输入没有绑定到对象的日期值
trying to get a form set up but for some reason, the Date input in my html is not binding to the object's date value, despite using [(ngModel)]
html:
<input type='date' #myDate [(ngModel)]='demoUser.date'/><br>
表单组件:
export class FormComponent {
demoUser = new User(0, '', '', '', '', new Date(), '', 0, [], []);
}
用户类别:
export class User {
constructor (
public id: number,
public email: string,
public password: string,
public firstName: string,
public lastName: string,
public date: Date,
public gender: string,
public weight: number,
public dietRestrictions: string[],
public fitnessGoals: string[]
){
}
}
测试输出显示当前的新"日期作为对象的值,但是输入不会更新User对象的日期值或反映该值,表明双向绑定都不起作用.帮助将不胜感激.
A test output reveals the current "new" Date as the object's value, but the input doesn't update the User object's date value or reflect the value, suggesting neither of the two-way bindings are working. Help would be greatly appreciated.
推荐答案
角度2、4和5 :
最简单的方法: 朋克
the simplest way : plunker
<input type="date" [ngModel] ="dt | date:'yyyy-MM-dd'" (ngModelChange)="dt = $event">
这篇关于Angular 2 Date输入不绑定到日期值的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文