Moment.js表单起止时间校验：解决跨午夜时间判定错误

现有实现的核心问题 #

• 业务校验目标：录入起止时间时，满足「开始时间早于结束时间」的规则，兼容跨午夜的轮班场景（例如当日18:00至次日02:00的夜班）
• 现有逻辑存在四处典型问题：
  1. 跨午夜场景误判：Moment默认将录入的时分值匹配为当日日期，比如录入开始时间21:00、结束时间03:00时，系统会把两个时间都锚定到当日，直接判定03:00早于21:00，校验不通过
  2. 同天合法区间误判：比如07:00开始、22:00结束的常规白班，现有代码的时间差计算逻辑会出现反向比对错误
  3. 信息丢失bug：生成时间实例后直接调用format("YYYY-MM-DD")，丢失了全部时分信息，后续计算时间差时两个值都对应当日0点，完全无法正确比对
  4. 代码语法错误：两次使用const解构同名字段hours/minutes，会直接触发JS重复声明的语法报错

现有待修复代码 #

const [hours, minutes] = startTime.split(":");
const [hours, minutes] = endTime.split(":");

let startTimeWithDate = moment().set({hours, minutes}).format("YYYY-MM-DD");
let endTimeWithDate = moment().set({hours, minutes}).format("YYYY-MM-DD");

let ms = moment(startTimeWithDate).diff(moment(endTimeWithDate));

if(ms < 0) { 
    // 判定为无效
} else {
    // 判定为有效
}

修复实现 #

核心规则 #

当纯时间维度的结束时间早于开始时间时，默认该结束时间对应次日的时间点，自动给结束时间的Moment实例偏移1天，再完成校验。

修复后代码 #

// 解析时分值，转换为数字类型
const [startH, startM] = startTime.split(":").map(Number);
const [endH, endM] = endTime.split(":").map(Number);

// 生成当日基准的时间实例，清空秒、毫秒避免精度误差
const startMoment = moment().set({ 
  hours: startH, 
  minutes: startM, 
  seconds: 0, 
  milliseconds: 0 
});
let endMoment = moment().set({ 
  hours: endH, 
  minutes: endM, 
  seconds: 0, 
  milliseconds: 0 
});

// 跨午夜判断：纯时间维度结束时间更早时，自动偏移到次日
if (endMoment.isBefore(startMoment)) {
  endMoment.add(1, "day");
}

// 最终校验：确认结束时间严格晚于开始时间
const isTimeValid = endMoment.isAfter(startMoment);

覆盖场景说明 #

• 同天白班：例如07:00开始、22:00结束，结束时间本身晚于开始时间，不触发偏移，校验通过
• 跨天夜班：例如21:00开始、03:00结束，首次比对时当日的03:00早于当日21:00，触发1天偏移后变为次日03:00，此时结束时间晚于开始时间，校验通过
• 无效场景：如果出现结束时间偏移后仍早于开始时间的极端情况，会直接返回校验不通过

注意：该实现适配默认支持跨天班次的业务场景，如果业务存在「不允许跨天」的特殊规则，需要在交互层增加用户确认环节，不能仅凭时分值判断跨天逻辑。

内容的提问来源于stack exchange，提问作者Udders