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'});

Demo (jsfiddle)

Answer 2

我是时间戳的作者。

不推荐使用默认时间的'value'选项。您可以通过多种方式将默认时间设置为特定值

设置值属性

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

或设置data属性以覆盖配置选项

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

或在init

$('#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>

这对我有用......

Bootstrap Timepicker初始化时间更改

4 个答案: