javascript - datetimepicker 插件在选择特定时间后选择一小时前

标签 javascript jquery

我正在使用 datetimepicker 插件。我收到一个奇怪的错误。每当我从下拉列表中选择时间时,该插件都会选择所选时间之前一小时。无法弄清楚为什么会发生这种情况

<!DOCTYPE html>
<html>
<head>
	 <title> Date Time Picker </title>
	 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.4/build/jquery.datetimepicker.min.css" />
</head>
<body>

    <input type="text" value="2:00 PM" id="timepicker" />

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.4/build/jquery.datetimepicker.full.min.js" ></script>
    <script>
        $('#timepicker').datetimepicker({
            datepicker: false,
            step:30,
            format:'g:i A'
        });
    </script>
</body>
</html>

我在这篇文章中得到的答案是将格式选项中的g更改为大写G。但是当我这样更改时,意味着 12 小时格式已更改为 24 小时格式。我想让它保留 12 小时格式并解决此问题

最佳答案

只需将格式 g:i A 更改为 H:i A:

<!DOCTYPE html>
<html>
<head>
	 <title> Date Time Picker </title>
	 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.4/build/jquery.datetimepicker.min.css" />
</head>
<body>

    <input type="text" value="2:00 AM" id="timepicker" />

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.4/build/jquery.datetimepicker.full.min.js" ></script>
    <script>
        $('#timepicker').datetimepicker({
            datepicker: false,
            step:30,
            format:'H:i A'
        });
       $('#timepicker').change(function(){
           $(this).val($(this).val().replace(/^0+/, ''));
       });
    </script>
</body>
</html>

关于javascript - datetimepicker 插件在选择特定时间后选择一小时前,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44881069/

相关文章:

javascript - 如何在页面刷新时保持单选按钮处于选中状态

JavaScript push() 问题

javascript - 我能否让 Internet Explorer 调试器中断长时间运行的 JavaScript 代码?

javascript - 在 CSS 列中围绕固定 float 图像使用 JavaScript 增加字体大小

javascript - Uncaught ReferenceError : xyz is not defined

javascript - 代码适用于 codepen 和 jsfiddle

javascript - 在本地机器上运行 codepen 元素的问题

javascript - Momentjs 更改时区值

Javascript 将无序列表转换为多列

javascript - Jquery/Javascript - 长数字数学