2

我正在尝试在 FullCalendar v4 中实现“选定事件”行为，但没有运气。我想要的行为是：

  • 单击事件时，它的颜色会发生变化，并且该事件成为选定事件
  • 当点击另一个事件时，前一个选中的事件变为默认颜色，新点击的事件变为选中的事件并改变颜色
  • 在事件外部单击时，所选事件变为空，所有可见事件都获得默认颜色。

第一个问题是更改单击事件的背景颜色，但我没有成功。

FullCalendar v4 文档对背景颜色有点模棱两可。我尝试了以下方法（反应示例）：

在我放置的设置中

const calendar = new Calendar(this.calRef.current, {
    ...
    eventClick: this.eventClick
    ...
}

第一种方法使用 setProp 方法，如此处所述

eventClick = (info) => {
    info.event.setProp('backgroundColor', 'red')
}

这虽然行不​​通

第二种方法使用这里描述的元素样式

eventClick = (info) => {
    info.el.style.backgroundColor = 'red';
}

这也不起作用

我究竟做错了什么？

4

0 回答 0