应使用 ready 回调配合 DOM 操作禁用小时选项，并在 change 事件中校验键盘输入；需设 type 为 'time' 或 'datetime'，在 ready 中遍历 .layui-laydate-time-hh li 禁用非 9–17 点项，change 中拦截非法小时值。
laydate 设置可选小时范围用 disabledDate 还是 choose？
disabledDate 是 laydate 用于禁用日期的钩子，但它对时间（时分秒）不生效；choose 是选择完成后的回调，无法干预选择过程。真正能控制小时区间的是 format + type: 'time' 搭配 ready 和 change 配合 DOM 操作，但更稳妥的方式是用 trigger + 自定义面板逻辑 —— 实际项目中，**直接改 hour 下拉选项最可靠**。
操作要点：
- 必须将
type设为'time'或'datetime'，否则小时控件不渲染 - 在
ready回调里遍历并禁用/隐藏不符合区间的<li>元素（laydate 时间面板的小时列表是动态生成的ul.layui-laydate-time-hh下的li） - 同时监听
change事件，防止用户通过键盘输入绕过限制（比如手动输 23 点，而你只允许 9–17 点） - 注意：laydate v2.8+ 的 time 面板结构稳定，但 v2.7 及更早版本中
hh类名可能为laydate-hh，需按实际 DOM 调整选择器
如何禁用指定小时（如只允许 9–17 点）？
以 laydate v2.8 为例，在初始化时写：
laydate.render({
elem: '#test',
type: 'datetime',
format: 'yyyy-MM-dd HH:mm:ss',
ready: function(dateObj) {
// 等待时间面板渲染完成后再操作
setTimeout(() => {
const hhList = document.querySelectorAll('.layui-laydate-time-hh li');
hhList.forEach(li => {
const hour = parseInt(li.innerText, 10);
if (isNaN(hour) || hour < 9 || hour > 17) {
li.classList.add('layui-disabled');
li.style.pointerEvents = 'none';
}
});
}, 50);
},
change: function(value, date, endDate) {
// 防键盘输入越界
const hour = date ? date.getHours() : 0;
if (hour < 9 || hour > 17) {
// 清空或重置为最近合法值（如 9 或 17）
const newDate = new Date(date);
newDate.setHours(hour < 9 ? 9 : 17, 0, 0, 0);
this.setValue(laydate.format(newDate, this.format));
}
}
});
注意：setTimeout 是必须的，因为 ready 触发时面板 DOM 尚未挂载完毕；laydate.format 需确保已加载 laydate 模块（非 cdn 简易版）。
为什么不能只靠 disabledDates 或 min/max？
min/max 参数只对日期部分有效，对时间中的小时无约束力；disabledDates 是函数，接收的是 date 对象，它能拿到年月日，但拿不到「当前正在选择的小时」—— 因为小时是独立下拉控件，不是日期对象的一部分。换句话说：laydate 把「日」和「时分秒」当成两个维度处理，小时禁用必须手动干预 DOM 或拦截输入。
常见错误现象：
- 写了
min: new Date(2024, 0, 1, 9, 0)，但 8 点依然可选 →min不影响小时下拉项 - 在
disabledDate里判断date.getHours()，结果始终是 0 → 因为传入的date是当天 00:00:00，不带用户选择的小时 - 没加
setTimeout，querySelectorAll查不到li→ 面板 DOM 还没生成
兼容性与边界情况提醒
移动端 Safari 下，原生时间控件行为不一致，laydate 的自定义时间面板可能被忽略，建议明确禁用原生唤起（showBottom: false）；IE11 下 innerText 兼容性差，应改用 textContent；如果允许跨天（比如班次从 22 点到次日 6 点），逻辑要拆成两段判断，且 change 中重置时间需考虑日期偏移。
最易被忽略的一点：用户点击禁用的小时项后，laydate 不会报错也不会提示，只是无响应——你需要自己加 tooltip 或在 click 代理里补充提示，否则体验上像“点了没反应”。
