在jquery中添加超过4个文本框的时间选择器范围验证

Question

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

如果用户可以输入3个时间表，那么我需要三个3开始时间和结束时间。这是很好的工作，但问题是我需要避免冲突的时间。

例如

1. 时间表:开始时间为9:00，但结束时间为8:30 (时间冲突)
2. 附表1为9:30至12:30，附表2为10:30至13:30 (附表冲突)

这些是我需要避免的冲突，谁来帮帮我吧。

我试了一下这个示例单击按钮，结果显示：

http://jsbin.com/lixig/8/edit

Answer 1

您可以使用下面的函数来确定两个数值范围是否重叠。它接受表单[start, end]的两个数组。

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