如何將日期選擇器中的值綁定到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
}