angular2 и bootstrap-datepicker - как получить выбранную дату?

Question

Я пытаюсь использовать bootstrap-datepicker в angular2.

   <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) 
    }); 

Как мне получить выбранную дату? Консоль.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