限制fullcalender中事件之间的重叠

Question

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

一切都很好。我可以在特定时间添加多个事件。如果我添加多个事件意味着事件彼此重叠。如下图所示。

但是，我想限制日视图和周视图中事件之间的重叠。如下所示。

我尝试了下面的事情，

$('#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

这适合我。