📌  相关文章
📜  如何在选择 jquery 中禁用时间选项 - Javascript (1)

📅  最后修改于: 2023-12-03 15:38:42.079000             🧑  作者: Mango

如何在选择 jQuery 中禁用时间选项 - Javascript

在一些情况下,我们可能需要在选择 jQuery 中禁用时间选项。下面提供几种常用的方法:

1. 使用 timepicker 插件

timepicker 是一个开源的 jQuery 插件,使用它可以很方便的实现时间选择功能。使用 timepicker 插件时,可以通过设置 timeFormat 选项来控制时间格式。

$('#timepicker').datetimepicker({
   timeFormat: 'hh:mm:ss',
   // 这里设置为 false 就可以禁止掉时间选项
   datepicker: false,
   timepicker: true
});
2. 使用 datepicker 插件

如果只需要禁止选择时间,保留日期选择的话,可以使用 datepicker 插件。选项 dateFormat 可以设置日期格式,选项 timeFormat 可以设置时间格式。

$('#datepicker').datepicker({
   dateFormat: 'yy-mm-dd',
   timeFormat: '',
   // 这里设置为确保时间选项不显示,日期选项可用
   showTime: false,
   showButtonPanel: true
});
3. 排除时间选项

也可以使用 CSS 在网站样式表中排除时间选项。

.ui-datepicker-calendar {
   display: none;
}
$('#datepicker').datepicker();

以上是几种常用的方法,在选择 jQuery 中禁用时间选项。根据实际需要,可以选择适合自己的方法进行使用。