jQuery:采用 hh:mm:ss 格式的 Bootstrap 时间选择器

Question

我正在寻找具有 hh:mm:ss 格式的引导时间选择器。我在网上搜索过，但我能找到的只是一个 hh:mm 格式的引导时间选择器。

Answer 1

您应该使用http://eonasdan.github.io/bootstrap-datetimepicker/ datetimePicker，通过将 dateTimePicker 的格式设置为 'hh:mm:ss'

您必须使用 - moment.js - 对于更多格式，您应该检查:http://momentjs.com/docs/#/displaying/format/

我创建了一个 JSFiddle。

http://jsfiddle.net/jagtx65n/

HTML:

<div class="col-sm-6">
    <div class="form-group">
        <div class="input-group date" id="datetimepicker1">
            <input type="text" class="form-control"> 
            <span class="input-group-addon">
               <span class="glyphicon glyphicon-calendar"></span>
            </span>
        </div>
    </div>
</div>

JS:

$(function () {
   $('#datetimepicker1').datetimepicker({
      format: 'hh:mm:ss'
   });
});

编辑

点击输入字段时打开:

$(function(){
$('#datetimepicker1').datetimepicker({
    format: 'hh:mm:ss',
    allowInputToggle: true
});

});