I have a calendar that displays appointments for particular person. How do I set fullcalendar up so that events on the calendar can not overlap each other?
Thanks
I have a calendar that displays appointments for particular person. How do I set fullcalendar up so that events on the calendar can not overlap each other?
Thanks
This option was incorporated since 2.20
eventOverlap: false
When selecting you can disabled the overlap:
selectOverlap: false
When you drag&drop:
eventOverlap: false
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;
}
I guess the easiest way to achieve this is to manipulate the event source. That is if you're using a source that is changeable.
Following options were helpful imc:
eventOverlap={false}
slotEventOverlap={false}