Bootstrap DatePicker setDate method not updating calendar

Question

I'm setting the value of a bootstrap datepicker by making use of the setValue method provided.

For example

tripToDatePicker.setValue(tripFromDatePicker.date);

But for some reason the calendar is not updated

Solution 1

Edit:

http://www.eyecon.ro/bootstrap-datepicker/ is not much documented, you should try http://eternicode.github.io/bootstrap-datepicker/.

anyway the code below will work for you

$("#dp1").datepicker("update", "02-16-2012");

or

$("#dp1").datepicker("setValue", "02-17-2012");

where "#dpi" is the id of the text field on whcih datepicker is used.

Solution 2

'setValue' is replaced by 'setDate'.

Using a string as input for setDate can be tricky. It has to match with the dateformat, else you can get unexpected results. It is more safe to create a 'new Date(y,m,d)' from your input, e.g. new Date(2015,3,10) for '10 Apr 2015'. This will always work.

When using a date representation in seconds, e.g. 1428659901, then use 'new Date(value*1000)'. Note that datepicker will eat any value here, but only show the selected date in the calendar if hours, minutes and seconds are equal to 0. Took me a while to figure that out....