加班跨天校验需日期+时间联合判断：表单须含日期与两个时间字段；前端用Date对象比对并自动延至次日，时长限0.5–12小时；后端必须二次校验并处理跨日逻辑。
加班时段跨天（如当天22:00到次日02:00）的校验，核心在于：**不能只比对字符串或简单时间戳，必须明确起止日期+时间，并支持“自然日跨越”判断**。下面分三块说清楚怎么做。
一、表单结构要带日期字段，不能只用纯时间
很多错误做法是只放两个 <input type="time">，这样无法判断是否跨天。正确结构应包含：
- 一个日期选择器（
<input type="date">），代表加班“起始日” - 两个时间选择器（
<input type="time">），分别填“开始时间”和“结束时间” - （可选）自动显示“实际结束日期”，增强用户感知
二、前端校验逻辑：判断是否跨天 + 合理性约束
获取值后，构造两个 Date 对象进行比较：
- 开始时间 =
new Date(日期值 + 'T' + 开始时间值) - 结束时间 =
new Date(日期值 + 'T' + 结束时间值) - 若结束时间 ≤ 开始时间 → 视为跨天，自动把结束时间设为“次日同时间”再校验
- 最终要求：修正后的结束时间 − 开始时间 ≥ 30分钟（最小加班时长），且 ≤ 12小时（防误填）
示例代码片段（含提示）：
立即学习“前端免费学习笔记（深入）”；
const startDate = new Date(`${dateInput.value}T${startTimeInput.value}`);
let endDate = new Date(`${dateInput.value}T${endTimeInput.value}`);
<p>if (endDate <= startDate) {
endDate.setDate(endDate.getDate() + 1); // 推进到第二天
}</p><p>const diffMs = endDate - startDate;
const hours = diffMs / (1000 <em> 60 </em> 60);</p><p>if (hours < 0.5 || hours > 12) {
alert("加班时长应在0.5–12小时之间");
return false;
}</p>三、后端必须二次校验，不可信任前端
前端可绕过，后端收到参数后需独立重算：
- 解析
work_date（字符串如 "2024-06-15"）、start_time（"22:00"）、end_time（"02:30"） - 构造起始时间戳：
2024-06-15 22:00:00 - 构造结束时间戳：先按同日试算，若小于起始，则改为
2024-06-16 02:30:00 - 检查是否在合法工作日范围（如避开周末/节假日）、是否与已审批记录冲突
不复杂但容易忽略的是：跨天不是“功能亮点”，而是业务真实场景。日期+时间分离输入、前后端双重兜底、时长阈值硬约束——这三点做扎实，校验就稳了。
