Fullcalendar - disable overlapping events

Question

I have a calendar that displays appointments for a specific person. How to set fullcalendar so that events in the calendar cannot overlap with each other?

thanks

Answer 1

var events = $('#calendar').fullCalendar('clientEvents'); // start-time in between any of the events if(eventStartDay > events[i].start && eventStartDay < events[i].end){ return true; } //end-time in between any of the events if(eventEndDay > events[i].start && eventEndDay < events[i].end){ return true; } //any of the events in between/on the start-time and end-time if(eventStartDay <= events[i].start && eventEndDay >= events[i].end){ return true; } 

Answer 2

This option has been enabled since version 2.20

 eventOverlap: false 

http://fullcalendar.io/docs/event_ui/eventOverlap/

Answer 3

When selected, you can disable the overlap:

 selectOverlap: false 

When you drag & drop:

 eventOverlap: false 

Answer 4

I think the easiest way to achieve this is to manipulate the source of the events. That is, if you use a source that can be changed.