Question

我正在使用以下来源在我的网站中添加日期和时间日历：http://xdsoft.net/jqplugins/datetimepicker/。在那个例子中，他们没有提供12小时格式。喜欢：凌晨1点，凌晨2点，上午11点，下午2点，下午3点等。

因此我使用以下代码显示12小时格式，但是当我添加时间时，它显示我距离我选择的时间少1小时。例如：如果我选择下午6:00，它会显示我下午5:00。我怎样才能解决这个问题？

我的js代码：

$('#add_date').datetimepicker({     
    timepicker:false,
    format:'d/m/Y',
    formatDate:'Y/m/d',
    minDate:'-1970/01/02', // yesterday is minimum date
    maxDate:'+2017/12/01' // and tommorow is maximum date calendar
    });

$('#add_time').datetimepicker({
    datepicker:false,
    format:'g:i A', // edited by me
    step:60
});

我将原来的js文件（jquery.datetimepicker.full.js）改为下面（第1108行）：

// edited by me
formatTime: 'g:i A',
// original code
formatTime: 'H:i',

更新：

我现在使用的是什么：

$('#add_time').datetimepicker({
    datepicker:false,
    format:'H:i A',
    step:60
});

Answer 1

尝试此代码（已更新）：

$('#add_time').datetimepicker({
    datepicker:false,
    formatTime:"h:i a",
    step:60
});

此处完成示例：https://jsfiddle.net/rdemartis/p9ezwn0n/5/

<强>更新或者，如果您需要相同的输出格式：

$('#add_time').datetimepicker({
    datepicker:false,
    formatTime:"h:i a",
    step:60,
    format:"h:i a"
});

此处完成示例：https://jsfiddle.net/rdemartis/p9ezwn0n/8/

Answer 2

有名为

的财产

"hours12"

让它成真

Answer 3

这是解决方法。绘制的类是xdsoft_current。

旧越野车代码：1891行

if ((options.initTime || options.defaultSelect || datetimepicker.data('changed'))
   && current_time.getHours() === parseInt(h, 10)
   && ((!isALlowTimesInit && options.step > 59) || current_time.getMinutes() === parseInt(m, 10))) {

通过在current_time.getHours（）之后添加+1来解决

if ((options.initTime || options.defaultSelect || datetimepicker.data('changed'))
   && current_time.getHours() +1 === parseInt(h, 10)
   && ((!isALlowTimesInit && options.step > 59) || current_time.getMinutes() === parseInt(m, 10))) {

Answer 4

这对我有用。

$('#lectureEndTime').datetimepicker({
      format: 'H:m a',
      datepicker: false,
 });

在选择小时和分钟时，我可以看到12小时选择选项。

如何在jQuery datetimepicker中添加12小时格式？

4 个答案: