如何在jquery中以12小时格式显示时间选择器?

时间:2016-11-28 09:49:03

标签: javascript jquery jquery-ui bootstrap-datetimepicker

我使用的是这个版本:jquery.datetimepicker.full.min.js 2.5.1。在这里,我使用hours12:false属性获得24小时格式,但我想显示

' 00:00 PM',                         ' 01:00 PM',                         ' 01.30 PM',                         ' 02:00',                         ' 03:00 PM',                         ' 04:00',                         ' 00:00 PM',                         ' 06:00 PM',                         ' 07:00',                         ' 08:00',                         ' 09:00',                         '晚上10点',                         ' 11:00',                         ' 12:00',                         ' 01:00',                         ' 00:00 AM',                         ' 03:00 AM',                         ' 00:00 AM', ' 00:00 AM', ' 06:00 AM'

现在我得到24小时时钟格式1到24,但我不想要1到24.我需要以上格式。

我在http://www.jqueryscript.net/time-clock/Clean-jQuery-Date-Time-Picker-Plugin-datetimepicker.html使用此插件。请帮忙。

1 个答案:

答案 0 :(得分:0)

你可以使用HH 24小时格式和hh 12小时格式。

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

如您所说,您使用的是this插件,您也可以尝试使用hours12:true属性。

<强>更新

你可以尝试这样的东西,你自己的自定义方式。

$(function() {
    $('#datepicker').datepicker({
        dateFormat: 'yy-dd-mm',
        onSelect: function(datetext){
            var d = new Date(); // for now
            var h = d.getHours();
                h = (h >12) ? (h-12 + "PM ") : h ;

                var m = d.getMinutes();
            m = (m < 10) ? ("0" + m) : m ;

            var s = d.getSeconds();
            s = (s < 10) ? ("0" + s) : s ;

                datetext = datetext + " " + h + ":" + m + ":" + s;
            $('#datepicker').val(datetext);
        },
    });
});

请参阅演示here