twitter-bootstrap - Bootstrap Timepicker 初始化时间更改

Question

如何在 Bootstrap Timepicker 中动态更改初始化时间？

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

谢谢你的帮助！

Answer 1

如果您不想使用current时间（默认情况下），您可以使用初始化选项：

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

或者您可以使用输入的 value 属性（这简化了几个时间选择器的初始化）：

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

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

演示（jsfiddle）

Answer 2

我是时间选择器的作者。

默认时间的“值”选项已被弃用。您有多种方法可以将默认时间设置为特定值

设置值属性

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

或设置数据属性覆盖配置选项

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

或在初始化

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

或调用 setTime 方法

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

如果您有任何问题，只需在 github 上打开一个问题！

Answer 3

解决方案是：

var time = '@Model.MarketTime.ToString("h:mm tt")'

        $('#timepicker-default').timepicker('setTime', time);

Answer 4

<div class="input-append bootstrap-timepicker span8"><input id="timeinput" type="text" class="timepicker-2 input-small" value="current"><span class="add-on"><i class="icon-time"></i></span></div>

这对我行得通...