有没有办法防止jQuery FullCalendar中的重叠事件？

Question

有没有办法防止jQuery FullCalendar中的重叠事件？

Answer 1

我创建了一个函数来检查给定事件是否与其他事件重叠.如果事件与其他事件重叠,则返回true,否则返回false.

function isOverlapping(event){
    var array = calendar.fullCalendar('clientEvents');
    for(i in array){
        if(array[i].id != event.id){
            if(!(Date(array[i].start) >= Date(event.end) || Date(array[i].end) <= Date(event.start))){
                return true;
            }
        }
    }
    return false;
}

您可以在删除或调整大小和事件时使用它,如果事件与其他事件重叠,则使用在eventDrop和eventResize回调中接收的revertFunc,或取消在select回调中创建事件.要在select回调中使用它,请创建一个dummie事件:

var event = new Object();
event.start = start;
event.end = end;

Answer 2

自版本2.20起,此更改已默认合并...

使用

eventOverlap:false

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

Answer 3

与ecruz的答案相同,但逻辑对我来说更好.

function isOverlapping(event){
    // "calendar" on line below should ref the element on which fc has been called 
    var array = calendar.fullCalendar('clientEvents');
    for(i in array){
        if (event.end >= array[i].start && event.start <= array[i].end){
           return true;
        }
    }
    return false;
}

Answer 4

允许CalEventOverlap：[布尔值| 默认值： false] \xe2\x80\x93 日历是否允许事件重叠。如果事件被拖动或调整大小到与另一个日历事件重叠的位置，则如有必要，事件将被移动或调整大小。

\n\n

这就是你要找的吗？

\n