Twitter Bootstrap Timepicker问题

时间:2013-02-08 04:03:01

标签: jquery twitter-bootstrap timepicker

我正在努力让Twitter Bootstrap timepicker工作。我的代码如下:

$('.timepicker').timepicker({
    // defaultTime: 'current',
    defaultTime: $(this).val(),
    minuteStep: 1,
    disableFocus: true,
    template: 'dropdown'
});

默认时间是从数据库正确显示,但是当我单击该字段以尝试更改时间戳为空时的时间。如果我尝试移动小时或分钟输入,则显示“NaN”。一旦移动,AM / PM输入就会正确显示。我需要调整设置以使其正常工作吗?谢谢!

3 个答案:

答案 0 :(得分:1)

试试这个: defaultTime:false,

$('#time_app').timepicker({
    defaultTime: false,
    minuteStep: 30,
    showInputs: false,
    disableFocus: true,
    modalBackdrop: true
});

答案 1 :(得分:0)

value中使用defaultTime并将value分配给input,它将有效

<input class="timepicker" type="text" class="input-small" value="00:00">

jquery的

$(document).ready(function(){
   $('.timepicker').timepicker({
       defaultTime: 'value',
       minuteStep: 1,
       disableFocus: true,
       template: 'dropdown'
   });
});

答案 2 :(得分:0)

您可以尝试更新输入字段中的默认时间

<input id="timepicker1" type="text" class="input-small" value="00:00 AM"/>

演示:Fiddle