如何在AngularJS中基于JSON存储的时分字符串进行时间比较

嘿，这个问题我之前帮不少开发者处理过，核心思路其实很清晰——先把时间字符串的格式统一好，再选合适的比较逻辑就行，下面分两种场景给你拆解：

第一步：先统一时间字符串格式 #

不管用哪种方法，必须保证所有存储的开始/结束时间都是完全一致的格式，最稳妥的是用24小时制的"HH:mm"（比如"09:30"、"14:00"，两位小时+两位分钟+冒号分隔）。绝对不能混用格式，比如一会儿存"9:30"一会儿存"下午2点"，不然怎么比都会出问题。

方法一：直接字符串比较（简单场景首选） #

24小时制的"HH:mm"字符串有个天然优势：它的字典排序顺序和实际时间顺序完全一致。比如"08:00" < "09:30"，"13:45" > "10:15"，所以直接用字符串的比较运算符就能判断时段是否重叠。

核心判断逻辑 #

现有预约的开始/结束时间为existingStart、existingEnd，用户新提交的预约为newStart、newEnd：

• 如果新预约的结束时间 ≤ 现有预约的开始时间 → 不重叠（允许创建）
• 或者新预约的开始时间 ≥ 现有预约的结束时间 → 不重叠（允许创建）
• 否则 → 时段重叠（禁止创建）

代码示例（以JavaScript为例） #

function isAppointmentOverlap(existingStart, existingEnd, newStart, newEnd) {
  // 前提：所有时间都是"HH:mm"格式
  return !(newEnd <= existingStart || newStart >= existingEnd);
}

// 测试案例1：现有10:00-12:00，新预约11:30-13:00 → 重叠（返回true，禁止创建）
console.log(isAppointmentOverlap("10:00", "12:00", "11:30", "13:00"));
// 测试案例2：现有10:00-12:00，新预约09:00-09:50 → 不重叠（返回false，允许创建）
console.log(isAppointmentOverlap("10:00", "12:00", "09:00", "09:50"));

方法二：转换为时间数值/对象比较（复杂场景更严谨） #

如果需要处理跨天预约（比如"23:00"到次日"01:00"），或者担心格式验证不到位，把字符串转成一天内的总分钟数（比如09:30转成9*60+30=570）会更可靠，数值比较的逻辑更直观。

代码示例（含跨天处理） #

// 把"HH:mm"转换为当天的总分钟数（范围0-1439）
function timeToTotalMinutes(timeStr) {
  const [hours, minutes] = timeStr.split(":").map(Number);
  return hours * 60 + minutes;
}

function isOverlapWithCrossDaySupport(existingStart, existingEnd, newStart, newEnd) {
  const existingStartMins = timeToTotalMinutes(existingStart);
  const existingEndMins = timeToTotalMinutes(existingEnd);
  const newStartMins = timeToTotalMinutes(newStart);
  const newEndMins = timeToTotalMinutes(newEnd);

  // 处理跨天预约的情况（比如23:00到01:00，此时existingStartMins > existingEndMins）
  if (existingStartMins > existingEndMins) {
    // 跨天时，只要新预约不是完全在非重叠区间，就算冲突
    return !(newEndMins <= existingStartMins && newStartMins >= existingEndMins);
  } else {
    // 普通非跨天情况，和字符串比较逻辑一致
    return !(newEndMins <= existingStartMins || newStartMins >= existingEndMins);
  }
}

// 测试跨天案例：现有23:00-01:00，新预约00:30-02:00 → 重叠（返回true）
console.log(isOverlapWithCrossDaySupport("23:00", "01:00", "00:30", "02:00"));

关键注意事项 #

• 一定要做输入验证：用户提交的时间必须符合HH:mm格式，比如检查小时是00-23、分钟是00-59，避免非法字符串导致比较出错。
• 如果是12小时制字符串（比如"09:30 AM"），建议先转成24小时制再处理，不然字符串直接比较会出现逻辑错误（比如"10:00 AM" > "01:00 PM"但实际时间更早）。

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