我正在使用 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/