Angular 2 Date输入不绑定到日期值 [英] Angular 2 Date Input not binding to date value

问题描述

试图建立表单，但是由于某种原因，尽管使用[[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屋！