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