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

Question

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

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

现在我得到 1 到 24 的 24 小时时钟格式，但我不想要 1 到 24。我需要上述格式。

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

Answer 1

您可以使用 HH 表示 24 小时格式，使用 hh 表示 12 小时格式。

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

正如您所说，您正在使用this 插件，您也可以尝试使用hours12:trueproperty。

更新

您可以尝试类似的方法，您自己的自定义方式。

$(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