Fullcalendar月视图:即使点击活动,也可选择一天/多天?

时间:2013-06-19 17:16:33

标签: javascript jquery fullcalendar

因此,FullCalendar具有令人敬畏的selectable: true选项,允许您在一天或多天内单击并拖动以突出显示它们。

我遇到的问题是,当存在活动时,您需要点击活动“周围”的部分日期广场以选择日期。如果您点击事件本身,那么日期选择不起作用,因为按照设计,eventClick被触发而不是dayClick

我正在面向公众的UI中实现FullCalendar,并希望保持简单。事件仅用于显示信息,我希望能够突出显示一天或多天(并触发select回调),无论用户是否发起对事件本身的点击或当天。换句话说,我想我希望事件对鼠标不可见,并且能够突出显示多天,而不管当天点击发生的位置。

这可能吗?有关如何做的任何想法?

视觉示例,如果这令人困惑:

选择日期需要点击活动的“周围”:

enter image description here

如果您点击该活动,则无法选择多天:

enter image description here

如果有任何关于如何实现这一点的想法,请告诉我!

2 个答案:

答案 0 :(得分:1)

如果您不介意在单元格上出现网格线(这可能是一个问题,因为您的示例具有居中文本),您可以通过更改包含日历的表的z-index来实现此目的视图:

.fc-border-separate {
    position: relative;
    z-index: 10;
}

这只会将表放在事件上方,阻止eventClick触发,但正如我所说,来自单元格的网格线实际上会显示在事件之上,如下所示:

enter image description here

答案 1 :(得分:0)

Hello Noah没有简单的解决方法,因为在Fullcalendar中,根据我过去几个月的经验,该表显示日历(表格单元格中的数字)及上面的事件图层,因此这意味着按顺序做你想做的事(我也是:P)我们需要“以某种方式”推动桌子背后的事件,我不知道它是否可能。我试图从css和所有这些中获取z-index适当性,但是输出成功。

在函数的fullcalendar.js中,日历的正文是我已经试图弄乱它但不幸的是没有成功......