Question

我正在寻找一种hh:mm:ss格式的bootstrap timepicker。我在网上搜索，但我找到的只是一个hh:mm格式的bootstrap timepicker。

Answer 1

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

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

我创建了一个JSFiddle。

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

Answer 2

嗨：这是执行格式解析的代码部分。正如您所看到的那样，HH和H的格式为12小时，而对于秒数，您只需使用ss，例如分钟，使用i或ii

setters_order = ['hh', 'h', 'ii', 'i', 'ss', 's', 'yyyy', 'yy', 'M', 'MM', 'm', 'mm', 'D', 'DD', 'd', 'dd', 'H', 'HH', 'p', 'P'],
    setters_map = {
      hh:   function (d, v) {
        return d.setUTCHours(v);
      },
      h:    function (d, v) {
        return d.setUTCHours(v);
      },
      HH:   function (d, v) {
        return d.setUTCHours(v == 12 ? 0 : v);
      },
      H:    function (d, v) {
        return d.setUTCHours(v == 12 ? 0 : v);
      },
      ii:   function (d, v) {
        return d.setUTCMinutes(v);
      },
      i:    function (d, v) {
        return d.setUTCMinutes(v);
      },
      ss:   function (d, v) {
        return d.setUTCSeconds(v);
      },
      s:    function (d, v) {
        return d.setUTCSeconds(v);
      },
      yyyy: function (d, v) {
        return d.setUTCFullYear(v);
      },
      yy:   function (d, v) {
        return d.setUTCFullYear(2000 + v);
      },
      m:    function (d, v) {
        v -= 1;
        while (v < 0) v += 12;
        v %= 12;
        d.setUTCMonth(v);
        while (d.getUTCMonth() != v)
          if (isNaN(d.getUTCMonth()))
            return d;
          else
            d.setUTCDate(d.getUTCDate() - 1);
        return d;
      },
      d:    function (d, v) {
        return d.setUTCDate(v);
      },
      p:    function (d, v) {
        return d.setUTCHours(v == 1 ? d.getUTCHours() + 12 : d.getUTCHours());
      }
    },

jQuery：带有hh：mm：ss格式的Bootstrap timepicker

2 个答案: