how to check time overlap in jquery or javascript

Question

I have array-object like below in 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) 
 },
 .
 .
 .
]

How can I check if two timings are not overlapping?

https://stackoverflow.com/questions/36011227/javascript-check-if-time-ranges-overlap check this — Jayanti Lal, Jun 23 '17 at 09:12
thank You @Unnati i have similar Question for overlapping. you have to check event end time is greater to another events start time? if not then its not overlapping — Jaykumar Gondaliya, Jun 23 '17 at 09:17
Concerning mayank pandeyz question: what is your desired output? — Jonas Wilms, Jun 23 '17 at 09:28

score 2 · Accepted Answer · answered Jun 26 '17 at 05:46

Please pass unixtime in array like below example

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
 }
]

then sorting array in time ascending order

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

use sorted array in for loop and store endunix time in one variable lastEndTime and check current iteration start time with lastEndTime variable like below code

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);

there is also display alert or errorflag, if alert display or errorflag is one then something went wrong otherwise everything is ok.

prasanth · Answer 2 · 2017-06-23T09:24:43.270

Try with new Date().getTime()

In my answer

true means both are same time
Check the status of each object its show the overlap or not

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)

If one object has time of 1:00pm to 2:00pm and another having 1:30pm to 2:30pm, so here the second set of timings are getting overlapped. Hence, how can I check that...first set of timings have already been overlapped? — Unnati, Jun 23 '17 at 09:57

score 0 · Answer 3 · answered Jun 23 '17 at 09:30

0

Try this, it checks if the end date is before start date.

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);

answered Jun 23 '17 at 09:30

Serge K.

5,303
1
20
27

If one object has time of 1:00pm to 2:00pm and another having 1:30pm to 2:30pm, so here the second set of timings are getting overlapped. Hence, how can I check that...first set of timings have already been overlapped? – Unnati Jun 23 '17 at 09:57
Apply the same logic, but instead compare each item to others. – Serge K. Jun 23 '17 at 12:22
@NathanP. can you please provide some link, demo, jsFiddle or plunker of unnati's above comment ? so i can get better idea ihave same problem and really want to get rid of this situation. – sagar patel Jun 23 '17 at 19:04

how to check time overlap in jquery or javascript

3 Answers3