0

所以 FullCalendar 有一个很棒的selectable: true选项，它允许您单击并拖动一天或多天以突出显示它们。

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

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

这可能吗？关于如何做的任何想法？

视觉示例，以防令人困惑：

选择日期需要单击“围绕”事件：

在此处输入图像描述

如果单击事件，则无法选择多天：

在此处输入图像描述

让我知道如何实现这一点的任何想法！

4

2 回答 2

1

如果您不介意出现在单元格上的网格线（考虑到您的示例具有居中的文本，这可能是一个问题），您可以通过更改z-index包含日历视图的表格来实现这一点：

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

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

在此处输入图像描述

于 2013-06-20T13:00:18.107 回答
0

你好 Noah 解决这个问题并不容易，因为在 Fullcalendar 中，根据我过去几个月所学到的知识，表格显示日历（表格单元格中的数字），在此之上，事件层，所以这意味着为了做什么你想要（还有我：P）我们需要“以某种方式”将事件推到桌子后面，我不知道它是否可能。我试图弄乱 css 和所有的 z-index 属性，但没有成功。

在 fullcalendar.js 中的功能是制作日历的主体，我也试图弄乱它，但不幸的是没有成功......

于 2013-06-19T19:00:24.743 回答