如何将日期选择器中的值绑定到angular2模型？

Question

我用angular2开发了一个应用程序，并且必须为firefox使用datepicker（ 其他浏览器在inbrowser datepicker中具有 ）。 问题是通过使用日期选择器，我松开了模型的双向绑定。 我是否使用pikaday ， jquery ui或其他javascript datepickers都没有关系。 行为是相同的。

<input 
    type="date" 
    name="datum" 
    class="datepicker" 
    [(ngModel)]="datum" 
/>

其他方式，相同结果

<input 
    type="date" 
    name="datum" 
    class="datepicker" 
    [value]="datum" 
    (input)="datum = $event.target.value" 
/>

Firefox的jQuery UI datepicker后备

(function() {
    var elem = document.createElement('input');
    elem.setAttribute('type', 'date');

    if ( elem.type === 'text' ) {
        $('.datepicker').datepicker(); 
    }
})();

如果我选择一个日期，则它仅出现在输入字段中，但不作为模型中的值存在 （顺便说一句， 我尝试了一个插销，但由于“香蕉在盒子里”的语法而失败了[我无法带上jQuery在其中工作]） 。

查看此插件 ，查看问题的现场直播（在Firefox中）。

我知道，这是一个非常具体的问题，但也许有人以前曾遇到过，并找到了解决方案。 如果这个人可以张贴在这里，这会让我非常高兴。

Answer 1

这对我有用... ngModel正确绑定。 您尚未在模块中导入FormsModule。

Answer 2

您可以添加更改事件。

<input 
    type="date" 
    name="datum" 
    class="datepicker" 
    [ngModel]="datum" 
    (ngModelChange)="onChange($event)" 
/>


onChange(event : any){
  // add your code here
}