angular2 and bootstrap-datepicker -- how to get the selected date?

Question

I am trying to use bootstrap-datepicker in 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 )
    });

How do I get the selected date? The console.log prints but the this.stupid_date is not updated.

yurzui · Accepted Answer · 2016-11-27 08:41:35Z

3

Seems the this inside your callback function doesn't reference to your component instance.

Try to use arrow function as follows:

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

Plunker Example

See also

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

edited Nov 27, 2016 at 8:41

answered Nov 27, 2016 at 8:32

yurzui

215k32 gold badges450 silver badges413 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

angular2 and bootstrap-datepicker -- how to get the selected date?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related