DateTimePicker 时间选择器以 24 小时制显示，但以 12 小时制显示？

Question

我正在使用来自 http://eonasdan.github.io/bootstrap-datetimepicker/ 的引导就绪日期时间选择器，它运行良好，但有一个问题。我有一个选择器设置，如下所示：

$(function () {
    $('#startTime, #endTime').datetimepicker({
        format: 'hh:mm',
        pickDate: false,
        pickSeconds: false,
        pick12HourFormat: false            
    });
});

这会将选择器设置为 24 小时，这样我就可以选择 19:00 作为时间。但是当我选择这个时间时，它在输入框中显示为 07:00。这是显示选择器的设置：

    <div class="input-group date timePicker" id="endTime">
        <input type='text' class="form-control" readonly="true"
            id="endTimeContent" /> <span class="input-group-addon"><span
            class="glyphicon glyphicon-time"></span> </span>
    </div>

输入框中是否有我可以24小时使用的特定数据格式？

Answer 1

因为选择器脚本使用 moment.js 来解析格式字符串，您可以阅读那里的文档以获取正确的格式字符串。

但对于 24 小时时间，请在格式中使用

HH

而不是

hh

。

$(function () {
    $('#startTime, #endTime').datetimepicker({
        format: 'HH:mm',
        pickDate: false,
        pickSeconds: false,
        pick12HourFormat: false            
    });
});

Answer 2

要显示正确的 24H 格式，例如，只需输入

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

});

Answer 3

$(function () {
    $('#startTime, #endTimeContent').datetimepicker({
        format: 'HH:mm',
        pickDate: false,
        pickSeconds: false,
        pick12HourFormat: false            
    });
});

您的选择器似乎有误，请检查一下

Answer 4

就这个！

$(function () {
    $('#date').datetimepicker({
         format: 'H:m',
    });

});

我使用v4并且运行良好！

Answer 5

我不明白为什么其他朋友告诉你用

HH

，但是经过我测试了这么多次，正确的24小时格式是：

hh

.

我从以下位置看到它：http://www.malot.fr/bootstrap-datetimepicker/

我不知道为什么他们不使用普通型

HH

24小时.....

如果我错了希望有人能告诉我......

Answer 6

几秒钟！

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

要跳过未来日期：

$(function () {
    var date = new Date();
    var currentMonth = date.getMonth();
    var currentDate = date.getDate();
    var currentYear = date.getFullYear();
    $('#datetimepicker,#datetimepicker1').datetimepicker({
        pickTime: false,
        format: "DD-MM-YYYY",  
        maxDate: new Date(currentYear, currentMonth, currentDate + 1)
    });
});

Answer 7

Meridian 与 AM/PM 相关，通过将其设置为 false，表示您不需要 AM/PM，因此您隐式需要 24 小时制。

$('#timepicker1').timepicker({showMeridian:false});

Answer 8

我知道距离提出这个问题已经有一段时间了。但是，如果它对任何人有帮助，这对我有用。

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

Answer 9

您还可以使用参数“use24hours”和“language”来执行此操作，如下所示：

$(function () {
    $('.datetime').datetimepicker({
        language: 'pt-br',
        use24hours: true,
    });
});

Answer 10

'DD/MM/YYYY hh:mm A' => 12 小时 'DD/MM/YYYY HH:mm A' => 24 小时

Answer 11

这将显示当前的饮食和时间。完美地在我身边工作

$("#datePicker").datetimepicker({
    format: 'DD-MM-YYYY HH:mm A',
    defaultDate: new Date(),
});

Answer 12

非常适合我

jQuery('#datetimepicker1').datetimepicker({
    use24hours: true,   
    format: "YYYY-MM-DD HH:mm ",
    defaultDate: new Date(),
    });

Answer 13

问题是 hh 表示 12 小时格式，HH 表示 24 小时格式。

24小时制

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

12 小时制

$(function () {
    $('#customElement').datetimepicker({
        format: 'hh:mm',           
    });
});

Answer 14

试试这个，你需要使用 'hh:mm':

$(document).ready(function () {
  $('body').on('click', '.form_datetime', function() {
    $(this).datetimepicker({
      format: "yyyy-mm-dd hh:mm",
      showMeridian: true,
      autoclose: true,
      todayBtn: true,
      pick12HourFormat: false   
    });

    $(this).trigger('focus');
  });
});

Answer 15

$('.timepicker').datetimepicker({ 格式：“时:分:秒”, });

大写 HH 表示 24 小时，小写 hh 表示 12 小时输入