Bootstrap Timepicker init time change

Question

How to dynamically change init time in Bootstrap Timepicker?

http://jdewit.github.com/bootstrap-timepicker/

Thanks for any help!

Answer 1

If you don't want to use the current time (which is the one by default), you can either use the options on initialization :

$('someSelector').timepicker({defaultTime: '11:42 PM'});

Or you can use the value attribute of the input (which simplifies the initialization for several time pickers) :

<input type="text" class="myClass input-small" value="12:42 PM">

$('.myClass').timepicker({defaultTime: 'value'});

Demo (jsfiddle)

Answer 2

I'm the author the timepicker.

The 'value' option for default time has been deprecated. You have a variety of ways to set the default time to a specific value

set the value attribute

<div class="bootstrap-timepicker">
    <input id="timepicker" type="text" value="12:45 AM"/>
</div>

or set the data attribute to override the config option

<div class="bootstrap-timepicker">
    <input id="timepicker" type="text" data-default-value="12:45 AM"/>
</div>

or on init

$('#timepicker').timepicker({
    defaultValue: '12:45 AM'
});

or call the setTime method

$('#timepicker').timepicker();
$('#timepicker').timepicker('setTime', '12:45');  

Just open an issue on github if you have any problems!