增加Fullcalendar事件背后的可点击区域

Question

在Fullcalendar.js的周视图中，最右边事件右侧有一个小空间（每天/重叠），因此此事件占用的插槽可能仍然可以点击。但是，默认情况下空间非常小。我需要把它做大。

我检查了符合Fullcalendar（当前使用的是2.5.0版）的表的每个元素，但我似乎无法找到设置此空间宽度的位置。我开始认为它是根据事件的宽度来计算的，但我不确定。

有没有办法在周视图中增加这个空间？

修改

唯一提供的答案不能按预期工作，因为它在所有重叠事件的右侧添加了一些空格（如果两个或多个事件重叠，则在重叠事件之间添加空间，而不仅仅是最右边的事件，根据需要。）

Answer 1

显然，目前还没有解决方案。如果有人也需要这样的话，我提出了类似的建议。

https://github.com/fullcalendar/fullcalendar/issues/3090

Answer 2

试试这个

eventAfterRender: function( event, element, view ) { 
    var width = $(element).width();
    width = width - ( width / 3); // Less whatever you want
    // Set the new width
    $(element).css('width', width + 'px');
}

这适合我。

Answer 3

它已经很老了，但也许可以帮助某人： 您可以只设置事件容器边距

.fc-ltr .fc-time-grid .fc-event-container {
    margin: 0 5.0% 0 2px;
}