隐藏的Jquery clockpicker得到时间

时间:2017-02-22 06:31:51

标签: jquery clockpicker

我正在使用Jquery clockpicker(https://github.com/weareoutman/clockpicker)。有没有办法让你不必推动"完成"按钮在输入字段中获取新时间?

我已经尝试了jQuery Clockpicker afterHourSelect但是当我注销小时和分钟时,它们都是未定义的

1 个答案:

答案 0 :(得分:0)

您需要设置data-autoclose="true"并在选择时间后立即关闭时钟选择器。

<div class="input-group clockpicker" data-placement="left" data-align="top" data-autoclose="true">
    <input type="text" class="form-control" value="13:14">
    <span class="input-group-addon">
        <span class="glyphicon glyphicon-time"></span>
    </span>
</div>

或者你可以在javascript中初始化这样的东西:

var input = $('#single-input').clockpicker({
    placement: 'bottom',
    align: 'left',
    autoclose: true,
    'default': 'now'
});

有关更多文档,请参阅here