angular2とbootstrap-datepicker - 選択した日付を取得する方法は？

Question

私はangular2にbootstrap-datepickerを使用しようとしています。

   <div class="input-append date" id="datepicker"> 
        <input class="span2" size="16" type="text" /> 
        <span class="add-on"><i class="icon-calendar"></i></span> 
       </div> 





    $('#datepicker').datepicker({ 
     format: 'yyyy-mm-dd', 
     startDate: '2001-01-01', 
     autoclose: true 
    }).on('changeDate', function(ev){ 
     this.stupid_date = ev.date; 
     console.log('dudeme',ev.date.valueOf(),ev.date) 
    }); 

選択した日付を取得するにはどうすればよいですか？ console.logは出力されますが、this.stupid_dateは更新されません。

Answer 1

コールバック関数内のthisがコンポーネントインスタンスを参照していないようです。

てみてください、次のように矢印の機能を使用するには：

}).on('changeDate', (ev) => { 
    this.stupid_date = ev.date; 
    console.log('dudeme',ev.date.valueOf(),ev.date) 
}); 

Plunker Example

も参照してください

• https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions#No_binding_of_this