如何更改Fullcalendar列上的光标

Question

TL; DR ：我想在上绿色单元格上光标指针 光标 灰色细胞

我正在构建一个使用 Fullcalendar 的应用程序，我遇到了一个无法解决的问题：
我尝试直接在单元格上修改光标（不是事件） 我试图瞄准«.fc-future»，«。fc-today»和«.fc-past»fullcalendar类，并应用像«cursor：pointer»或«cursor：not-allowed»这样的样式，但没有任何成功。< / p>

以下是我所拥有的屏幕截图：

有谁知道如何更改列上的光标？
谢谢你的帮助！

我的项目：

• Fullcalendar 2.8.0

Answer 1

<div class="fc-scroller-canvas">包含两个div个，一个包含fc-content类，另一个包含fc-bg个类。您正在为fc-bg中的元素设置背景。为cursor中的相同元素设置fc-bg CSS属性。

然后，为了通过fc-content显示光标，您需要为pointer-events: none; div设置fc-content。这将使鼠标指针变得透明，以便您可以鼠标悬停或单击基础div中的元素。这意味着您将能够看到所需的光标。

显然，这可能会禁用您可能需要的某些功能，因此您需要在需要的内容上设置pointer-events: auto;，例如事件本身（例如，如果您对eventClick执行任何操作）。

Answer 2

感谢您的快速回复！

我无法弄清楚如何设置它，就像你在帖子中解释的那样。 所以我找到了一个解决方法 在Fullcalendar中，我添加了一个后台事件对象：

s    = Swap
/    = Beginning of source pattern
\(   = start storing this value
[^ ] = text not matching the space character
*    = 0 or more of the previous pattern
\)   = stop storing this value
\(   = start storing this value
.    = any character
*    = 0 or more of the previous pattern
\)   = stop storing this value
/    = End of source pattern, beginning of replacement
\2   = Retrieve the 2nd stored value
\1   = Retrieve the 1st stored value
/    = end of replacement

这＆＃34;虚假事件＆＃34;禁用从星期开始到当天结束的所有日期。

对于游标，我创建了一个css类：

{
  start: moment().startOf('isoWeek'), # beginning of week
  end: moment().utc().endOf('day'), # end of current day
  rendering: 'background',
  className: 'disabled-cell'
}