Question

你好我在bootstrap上使用http://eonasdan.github.io/bootstrap-datetimepicker/，特别是4号示例。

我添加了这个属性来取消PM的东西，并且能够在小部件本身上使用24个系统：

格式：'hh：mm'，

但是让我说我在04:00在输入本身而不是16:00显示的小部件上选择16:00。

我在文档中找不到任何关于此的内容，所以如果有人知道修复此问题，我们将非常感激。

感谢。

Answer 1

使用大写字母表示小时数HH = 24小时格式hh = 12小时格式

$('#fecha').datetimepicker({
   format : 'DD/MM/YYYY HH:mm'
});

Answer 2

这对我有用：

$(function () {
    $('#datetimepicker5').datetimepicker({
        use24hours: true,
        format: 'HH:mm'
    });
});

重要事项：它仅在我使用大写“H”作为时间格式时才起作用。

Answer 3

$('.time-picker').timepicker({
            showMeridian: false     
        });

这样可行。

Answer 4

看起来您必须为data-date- *设置格式选项。这个例子对我有24小时的支持。

<div class="form-group">
    <div class="input-group date timepicker"
        data-date-format="HH:mm"
        data-date-useseconds="false"
        data-date-pickDate="false">

        <input type="text" name="" />
        <div class="input-group-addon">
            <i class="fa fa-clock-o"></i>
        </div>
    </div>
</div>

Answer 5

编辑：这个帖子有比这个更好的答案。在我回答的时候，我只是掌握了JavaScript。具体来说，请参阅these two。

如果您在该脚本的开发版本中进行搜索，则会有一个名为use24hours的函数，它会查找值为true或false。

添加use24hours:true可能会为您完成任务。像这样：

$(function () {
    $('#datetimepicker5').datetimepicker({
        use24hours: true
    });
});

Answer 6

"YYYY-MM-DD HH:mm:ss" => 24 hours format;

"YYYY-MM-DD hh:mm:ss" => 12 hours format;

区别在于字母＆＃39; H＆＃39;

Answer 7

这对我有用：

$(function () {
    $('#datetimepicker5').datetimepicker({
        format: 'HH:mm'
    });
});

Answer 8

要选择24小时时间格式的时间，请使用

$('#datetimepicker').datetimepicker({
            format: 'HH:mm'
 });

如果您想同时选择带日期的24小时时间格式，请使用

$('#datetimepicker').datetimepicker({
         format: 'MM/DD/YYYY HH:mm'
 });

示例：

＆＃13;

$(function() {
  $('#datetimepicker1').datetimepicker({
            format: 'HH:mm'
  });
  
  $('#datetimepicker2').datetimepicker({
            format: 'MM/DD/YYYY HH:mm'
  });
});

＆＃13;

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.1/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.7.14/js/bootstrap-datetimepicker.min.js"></script>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.7.14/css/bootstrap-datetimepicker.min.css">

<div class="container">
  <div class="row">
    <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 class='input-group date' id='datetimepicker2'>
          <input type='text' class="form-control" />
          <span class="input-group-addon">
            <span class="glyphicon glyphicon-calendar"></span>
          </span>
        </div>
      </div>
    </div>
  </div>
</div>

＆＃13;

For more info

Answer 9

如果您正在使用引导时间选择器。使用showMeridian属性将时间选择器设置为24小时格式。 $（'。time-picker'）。timepicker（{ showMeridian：错误 }）;

Answer 10

这肯定有助于bootstrap timepicker

format :"DD:MM:YYYY HH:mm"

Answer 11

看起来您必须为data-date- *设置格式选项。这个例子对我有24小时的支持。

Answer 12

以下代码对我来说是正确答案。

 $('#datetimepicker6').datetimepicker({
                    format : 'YYYY-MM-DD HH:mm'
                });

Answer 13

<input type="text" name="time" data-provide="timepicker"  id="time" class="form-control" placeholder="Start Time" value="" />


$('#time').timepicker({
        timeFormat: 'H:i',
        'scrollDefaultNow'      : 'true',
        'closeOnWindowScroll'   : 'true',
        'showDuration'          : false,
        ignoreReadonly          : true,

})

为我工作。

Answer 14

<script>    
    $(function () {

        /* setting time */
        $("#timepicker").datetimepicker({
            format : "HH:mm:ss"
        });

    }    
</script>

Example bootstrap datetimepicker eonasdan

Answer 15

//Timepicker
$(".timepicker").timepicker({
  showInputs: false,
  showMeridian: false //24hr mode 
});

在bootstrap timepicker中使用24小时时间

15 个答案: