判断时间段之间是否有重叠

最新推荐文章于 2024-09-06 16:42:27 发布

转载最新推荐文章于 2024-09-06 16:42:27 发布 · 536 阅读

文章标签：

#javascript #前端 #vue.js

文章描述了一个JavaScript函数，用于检查多个时间段是否允许添加且无重叠。函数通过逐个判断时间段之间的关系来确保新添加的时间段不会与现有时间段冲突。同时，文章提到了在处理不正规时间格式时可能出现的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、需求

可以有多个时间段（hh:mm），添加下一个时间段以及提交时需要判断各个时间段不能交叉，如下图：

let dateAr = [
   { s: '02:00', e: '03:00' },
   { s: '03:00', e: '04:01' },
   { s: '05:00', e: '06:00' },
   { s: '07:00', e: '08:00' }
]
function Fn() {
  for (let k in dateAr) {
    if (!judege(k)) {
      return false
    }
  }
  return true
}
function judege(idx) {
  for (let k in dateAr) {
    if (idx !== k) {
        if (dateAr[k].s <= dateAr[idx].s && dateAr[k].e > dateAr[idx].s) {
          return false
        }
        if (dateAr[k].s < dateAr[idx].e && dateAr[k].e >= dateAr[idx].e) {
          return false
        }
    }
  }
  return true
}
console.log(Fn())	//true的话表示没有重叠，false表示有重叠

注意：涉及到时间字符串直接比较大小

当日期或者时间字符串正规时(yyyy-MM-dd HH:mm:ss 或部分拆分)可以直接比较大小

// 以下全都返回 true
console.log("01:10" > "01:01");
console.log("2023-03-21" > "2023-03-20");
console.log("2023-03-21 01:10" > "2023-03-20 01:01");
console.log("2023-03-21 01:10:00" > "2023-03-20 01:01:00");

当日期或者时间字符串不正规时

// 以下全都返回 true 但都是错误的
console.log("2023-03-4" > "2023-03-21");
console.log("2023-03-4 01:10" > "2023-03-21 01:01");
console.log("2023-03-4 01:10:00" > "2023-03-21 01:01:00");