如何在 jquery 或 javascript 中检查时间重叠

Question

我在 jquery 中有如下数组对象

var subevent = [
 {
  start: Fri Jun 23 2017 15:15:00 GMT+0530 (India Standard Time),
  end: Fri Jun 23 2017 14:15:00 GMT+0530 (India Standard Time) 
 },
 {
  start: Fri Jun 23 2017 15:15:00 GMT+0530 (India Standard Time),
  end: Fri Jun 23 2017 16:15:00 GMT+0530 (India Standard Time) 
 },
 {
  start: Fri Jun 23 2017 16:15:00 GMT+0530 (India Standard Time),
  end: Fri Jun 23 2017 15:15:00 GMT+0530 (India Standard Time) 
 },
 .
 .
 .
]

如何检查两个时间是否不重叠？

Answer 1

请像下面的例子一样在数组中传递 unixtime

var subevent = [
 {
  start: Mon Jun 26 2017 10:15:00 GMT+0530 (India Standard Time),
  startunix: 1498452300000,
  end: Mon Jun 26 2017 11:15:00 GMT+0530 (India Standard Time),
  endunix: 1498455900000
 },
 {
  start: Mon Jun 26 2017 11:15:00 GMT+0530 (India Standard Time),
  startunix: 1498455900000,
  end: Mon Jun 26 2017 12:15:00 GMT+0530 (India Standard Time),
  endunix: 1498459500000
 }
]

然后按时间升序对数组进行排序

var sortedArray = subevent.sort(function(a,b){
    return a.startunix - b.startunix;
});

在 for 循环中使用排序数组并将 endunix 时间存储在一个变量 lastEndTime 中，并使用 lastEndTime 变量检查当前迭代开始时间，如下代码所示

var errorFlag = 0;
var lastEndTime;
for(var i=0; i<sortedArray.length; i++) {
    var currentStartTime;

    if( sortedArray[i].endunix <= sortedArray[i].startunix ){
        alert('time slot conflict')
        errorFlag = 1;
        break;
    }

    if( !lastEndTime ) {

        lastEndTime = sortedArray[i].endunix;
        //console.log(" i where last end time not exists = "+i+" lastEndTime "+lastEndTime);
    } else {
        currentStartTime = sortedArray[i].startunix;
        //console.log(" i where last end time  exists = "+i+" currentStartTime "+currentStartTime+" lastEndTime "+lastEndTime );
        if ( currentStartTime < lastEndTime ) {
            alert('time overlapping')
            errorFlag = 1;
            break;
        }

        lastEndTime = sortedArray[i].endunix;
    } 

}
console.log(errorFlag);

还有显示警报或错误标志，如果警报显示或错误标志为一，则出现问题，否则一切正常。

Answer 2

试试这个，它会检查结束日期是否早于开始日期。

var subevent = [{
    start: 'Fri Jun 23 2017 15:15:00 GMT+0530(India Standard Time)',
    end: 'Fri Jun 23 2017 14:15:00 GMT+0530(India Standard Time)'
  },
  {
    start: 'Fri Jun 23 2017 15:15:00 GMT+0530(India Standard Time)',
    end: 'Fri Jun 23 2017 16:15:00 GMT+0530(India Standard Time)'
  },
  {
    start: 'Fri Jun 23 2017 16:15:00 GMT+0530(India Standard Time)',
    end: 'Fri Jun 23 2017 15:15:00 GMT+0530(India Standard Time)'
  }
];

for (let event of subevent) {
  let startTime = new Date(event.start).getTime(),
      endTime   = new Date(event.end).getTime();
      
  event.isOverlapping = endTime <= startTime;
}

console.log(subevent);

Answer 3

试试new Date().getTime()

在我的回答中

1. true 表示两者是同一时间
2. 检查每个对象的status是否显示重叠​​li>

var subevent = [{ start: "Fri Jun 23 2017 15:15:00 GMT+0530 (India Standard Time)", end: "Fri Jun 23 2017 14:15:00 GMT+0530 (India Standard Time)"},{ start: "Fri Jun 23 2017 15:15:00 GMT+0530 (India Standard Time)", end: "Fri Jun 23 2017 16:15:00 GMT+0530 (India Standard Time)"}, { start: "Fri Jun 23 2017 16:15:00 GMT+0530 (India Standard Time)", end: "Fri Jun 23 2017 15:15:00 GMT+0530 (India Standard Time)"},]

subevent.forEach(function(a) {
  a.status = new Date(a.start).getTime() == new Date(a.end).getTime();
})

console.log(subevent)