Question

我正在做一个关于Asp的项目。 Net MVC和我正在尝试实现Jquery fullcalendar。

如果当天该事件已存在，我希望新添加的事件更改其颜色。

谢谢

Answer 1

我找到了最适合你的答案：

fc-event-skin类的一些新变化......它现在只是fc-event，因此样式不应该是个问题。请在此处查看作者注释fullcalendar fc-event class ...

最好的方法是在事件对象中设置className，并将其添加到'fc-event-skin'类找到的元素中。但是，您添加的类将在css中稍后出现，并且颜色不会优先，因此您必须使用！important。这也保留了“虚假”的圆角...

将此方法连接到日历......

eventRender:
function (event, element, view) {
    element.find('.fc-event-skin').addClass(event.className.join(' '));
}

这在您自己的样式表中......

.redGray
{
    border-color: DarkGray !important;
    background-color: LightGray !important;
    color: red !important;
}

原始回答：

我认为这是渲染代码中的一个小错误。 element参数是一个jQuery对象，因此您可以根据自定义事件数据对其进行修改。如果设置元素的样式和文本，它将使用您设置的颜色进行渲染;但是，在我看来，其他样式将从元素中删除，如圆角和时间和文本的格式。

eventRender: 
function (event, element) {
    if (event.LeadId != null) {
        element.css('color', 'blue');
        element.css('background-color', 'yellow');
        element.text(element.text);
    }

参考：Fullcalendar doesn't render color when using eventRender

如何在fullcalendar中更改重叠事件的颜色

1 个答案: