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