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

bq8i3lrv 于 2023-08-04 发布在 jQuery

关注(0)|答案(5)|浏览(110)

我正在使用以下源代码在我的网站中添加日期和时间日历：http://xdsoft.net/jqplugins/datetimepicker/。在这个例子中，他们没有提供12小时的格式。例如：1：00 AM、2：00 AM、11：00 AM、2：00 PM、3：00 PM等。
所以我使用下面的代码来显示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）更改为below（第1108行）：

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

型

更新：

我现在用的是：

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

型

jquery

来源：https://stackoverflow.com/questions/36938622/how-can-i-add-12-hour-format-in-jquery-datetimepicker

5条答案

按热度按时间

roqulrg31#

试试这个代码（更新）：

$('#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/的

赞(0）回复(0）举报 2023-08-04

xzv2uavs2#

有一种财产叫做

"hours12"

字符串
使之成真

赞(0）回复(0）举报 2023-08-04

snz8szmq3#

这就是解决办法。绘制的类是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))) {

型

赞(0）回复(0）举报 2023-08-04

r7knjye24#

这对我很有效。

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

字符串
我可以看到12小时选择选项，同时选择小时和分钟。

赞(0）回复(0）举报 2023-08-04

gt0wga4j5#

我们只需要修改ampm属性

$("#dts_from_time").timepicker({
  timeText: 'Time',
  hourText: 'hour',
  minuteText: 'min',
  currentText: 'now',
  closeText: 'Done',
  timeOnlyTitle: 'Time slot',
  hour: true,
  ampm: true, // on true condition 12hr clock
});

字符串

赞(0）回复(0）举报 2023-08-04

我来回答

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

5条答案

相关问题

热门标签

最新问答