Laravel 9中如何禁用jQuery Timepicker的12pm特定时间选项?
移除timepicker.co时间选择器的12pm选项方案
针对你的需求,只需要在原有的timepicker初始化配置中添加对应配置项,就能移除12pm这个可选时间点。以下是修改后的完整代码:
$(document).ready(function(){ $('#time').timepicker({ timeFormat: 'h:mm a', interval: 60, minTime: '9', maxTime: '4:00pm', defaultTime: '9', startTime: '9:00', dynamic: false, dropdown: true, scrollbar: true, // 添加该行,直接排除12:00pm时间点 excludeTimes: ['12:00pm'] }); });
方案说明
excludeTimes是timepicker.co插件自带的配置项,用于指定需要从可选列表中移除的具体时间点,格式要和你设置的timeFormat保持一致。- 如果你更倾向于通过时间范围禁用,也可以替换成
disableTimeRanges: [['12:00pm', '12:59pm']],这样会禁用12点整到12点59分的所有时间,同样能达到移除12pm选项的效果。
在Laravel 9项目中,把这段修改后的代码放到对应的Blade视图文件的<script>标签中,或者项目的公共JS文件里即可,确保页面已经正确引入了jQuery和timepicker的相关脚本文件。
内容的提问来源于stack exchange,提问作者환Ji
相关产品推荐
相关产品推荐

