Angular2-日期选择器的绑定

Question

如何获得所选的输入日期并放置标签<p> 。

我正在使用jqueryUI datepicker，已经尝试进行绑定以尝试捕获change和click事件，但是没有用。

有谁能够帮助我？

import "rxjs/Rx";
import {Component, AfterViewInit} from '@angular/core';

declare var $: any;

@Component({
    selector: '<my-evento></my-evento>',
    template: `<input (change)="updateDate($event)" type="text" id="datepicker">
               <p>{{ date }}</p>`
})

export class EventoComponent implements AfterViewInit{
    date: string;

    constructor(){}

    ngAfterViewInit() {
       $(function() {
            $("#datepicker").datepicker();
        });
    }

    updateDate($event): void {
        this.date = $event.target.value;
    }
}

Answer 1

当您像这样绑定模型时：

<input [(ngModel)]="date" type="date" id="datepicker">

编译器告诉您格式必须为yyyy-dd-mm格式吗？

如果是这样，您可能需要使用自定义指令或将日期字段与日期管道绑定，如下所示：

<input [ngModel]="date | date:'y-MM-dd'" (ngModelChange)="date=$event" type="date" id="datepicker">