jquery - 限制全日历中事件之间的重叠

Question

我正在使用 fullcalendar.js 添加特定日期和时间的事件。

一切正常。我可以在特定时间添加多个事件。如果我添加多个事件意味着事件会相互重叠。如下图所示。

但是，我想限制日 View 和周 View 中事件之间的重叠。就像下面这样。

我尝试了以下操作，

$('#calendar').fullCalendar(
                                    {
                                        defaultView : 'agendaDay',
                                        header : {
                                            left : 'prev,next today',
                                            center : 'title',
                                            right : 'month,agendaWeek,agendaDay'
                                        },
                                        buttonText : {
                                            today : 'Today',
                                            month : 'Month',
                                            week : 'Week',
                                            day : 'Day'
                                        },
                                        views : {
                                            week : {
                                                // options apply to basicWeek and agendaWeek views
                                                titleFormat : 'MMMM DD, YYYY'
                                            },
                                            day : {
                                                // options apply to basicDay and agendaDay views
                                                titleFormat : 'DD MMMM YYYY'
                                            }
                                        },
                                        selectable : false,
                                        defaultDate : todayDate,
                                        editable : true,
                                        eventOverlap : false
});

添加了 eventOverlap 属性，但不起作用。

Answer 1

对您的日历使用以下配置以避免事件重叠

slotEventOverlap: false

这对我有用。