如果在月视图中同一行中有两个或多个背景事件,如何检测后台事件的点击?

时间:2016-02-16 07:10:00

标签: fullcalendar

似乎无法找到答案 - 所以我想给我一个机会。

我已经阅读了几个关于如何检测背景事件点击的答案。例如:Detect click on background event

然而,我发现,当两个或多个背景事件在同一行时,只有作为背景事件呈现的最后一天将包含允许检测的正确CSS目标。该行的所有前几天(月份视图是我正在工作的)将充当常规的“dayClick”事件,即使它们实际上呈现为背景事件。

例如,在此图像中,检测到点击第25个,而点击第22个则不是:

Background events on the same row

查看页面的来源,前三天(第22天到第24天)全部出现在标有“1”的行上。它是一个带有3的colspan的TD。标记为“2”的行是TD包含第25个的行:

enter image description here

实际上,25日之前的所有内容都被fc-bgevent切断了目标。

应该注意的是,跨越几天的单个后台事件按预期工作。因此,如果我只是简单地延长从22日开始到25日的事件的结束日期,它将全部工作 - 当然,您在点击事件中收到的“开始”日期将是第22个,无论哪个你点击的那一天。

有没有人找到解决方法?

我想要做的是渲染背景事件,并检测点击它们的日期。

提前感谢您的帮助。

1 个答案:

答案 0 :(得分:7)

使用selectOverlap检测点击背景事件

selectOverlap: function(event) {
    // Here you will get all background events which are on same time.
    console.log(event);
    return event.rendering === 'background';
}