Javascript 在jquery中追加4个以上文本框的时间选择器范围验证

我有一个文本框，用于询问每天有多少匹配的时间表可用。基于此，我需要得到整个计划的开始时间和结束时间

如果用户可以输入3个计划，那么我需要获得3个开始时间和结束时间。这很好，但问题是我需要避免时间冲突

比如说

计划时间：开始时间为9:00，但结束时间为8:30（时间冲突）

附表1为9:30至12:30，附表2为10:30至13:30（时间表冲突）

这些是我需要避免的冲突，请有人帮帮我

我在这个示例中尝试了单击按钮，它显示为：

---

您可以使用下面的函数来确定两个数值范围是否重叠。它接受两个数组的形式

[开始，结束]

function rangesOverlap(range1, range2) {
  return range1[1] > range2[0] && range2[1] > range1[0];
}

假设您有一个范围数组，要确定没有重叠：

function noneOverlap(ranges) {
  var untestedRanges = ranges.slice();
  return ranges.every(function(range1) {
    untestedRanges.shift();
    return untestedRanges.every(function(range2) {
      return ! rangesOverlap(range1, range2);
    });
  });
}

例如：

noneOverlap([[0,1],[0,2]]) // => false
noneOverlap([[0,1],[2,3]]) // => true

---

因为我不懂你的密码，所以朋友们都在胡闹。对不起，朋友pls@Dinesh我在你的小提琴中没有看到任何范围。是的，我不知道如何在文本框中设置范围，因为它是由jquery追加的，所以只有我可以请求帮助friend@Dinesh我添加了一个逻辑工作原理的示例。其他人可能会帮助你集成它。好的，朋友，你能解释一下这个逻辑是如何工作的，我需要在哪里调用这个函数吗，朋友