javascript - 无法更改 datetimepicker 的 minTime

标签 javascript jquery datetimepicker

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.full.min.js" integrity="sha512-AIOTidJAcHBH2G/oZv9viEGXRqDNmfdPVPYOYKGy3fti0xIplnlgMHUGfuNRzC6FkzIo0iIxgFnr9RikFxK+sw==" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.min.css" integrity="sha512-f0tzWhCwVFS3WeYaofoLWkTP62ObhewQ1EZn65oSYDZUg1+CyywGKkWzm8BxaJj5HGKI72PnMH9jYyIFz+GH7g==" crossorigin="anonymous" />

<h1>date</h1>

<input type="text" name="input_time" id="input_time">


<script>

$('#input_time').datetimepicker({
    format:'h:i A',
    validateOnBlur: false,              
    formatTime: 'h:i A',
    step: 15 ,
    datepicker:false
})
$('#input_time').datetimepicker('option', 'minTime','6:00 PM' );

</script>

我想动态更改日期时间选择器的最短时间。但似乎没有任何效果

最佳答案

您在初始化后用于更新插件选项的模式适用于 jQueryUI 组件。

对于DateTimePicker library您需要使用 setOptions 方法,如下所示:

$('#input_time').datetimepicker({
  format: 'h:i A',
  validateOnBlur: false,
  formatTime: 'h:i A',
  step: 15,
  datepicker: false
})
$('#input_time').datetimepicker('setOptions', { minTime: '18:00' });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.full.min.js" integrity="sha512-AIOTidJAcHBH2G/oZv9viEGXRqDNmfdPVPYOYKGy3fti0xIplnlgMHUGfuNRzC6FkzIo0iIxgFnr9RikFxK+sw==" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.min.css" integrity="sha512-f0tzWhCwVFS3WeYaofoLWkTP62ObhewQ1EZn65oSYDZUg1+CyywGKkWzm8BxaJj5HGKI72PnMH9jYyIFz+GH7g==" crossorigin="anonymous"
/>

<h1>date</h1>
<input type="text" name="input_time" id="input_time">

请注意,我在此示例中使用了 24 小时时间格式,因为当您设置 6:00 PM 时,库中似乎存在与夏令时/UTC 解释有关的错误,它显示 5:00 PM 作为我的语言环境的最小值。

关于javascript - 无法更改 datetimepicker 的 minTime,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67299628/

相关文章:

c# - .Net 获取 DateTimeFormat "G"

javascript - 在第二级数组上的 JSON 中进行分组

javascript - 使用#content 附加 URL

javascript - 在所有 ajax 调用完成后如何重新加载页面?

jquery - select2 使用 jquery 动态改变值

jquery - Bootstrap Datetimepicker 和 X-editable - 解析错误

javascript - AngularJS:ng-selected 不显示选定值

javascript - 用JS改变输入框的值

jquery - Browserify Bootstrap jQuery 模式未定义不是一个函数

javascript - 如何在初始加载后覆盖 datetimepickerenabledHours?