You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.26 06:37:05