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

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

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

Answer 3

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

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

});

Answer 4

就这样！

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

});

我使用v4并且运行良好!!

Answer 5

秒！

$('.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 6

我不明白为什么其他朋友会告诉你使用HH，但在我测试了这么多时间后，正确的24小时格式是：

HH

我是从http://www.malot.fr/bootstrap-datetimepicker/

看到的

我不知道他们为什么不使用普通类型HH 24小时......

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

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

您还可以使用参数＆＃34; use24hours ＆＃34;和＆＃34; 语言＆＃34;要做到这一点，如下：

＆＃13;

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

＆＃13;

Answer 10

'DD / MM / YYYY hh：mm A'=＆gt; 12小时'DD / MM / YYYY HH：mm A'=＆gt; 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',           
    });
});

DateTimePicker时间选择器24小时但在12小时显示？

13 个答案: