如何更改完整日历中重叠事件的颜色

Question

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

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

谢谢

Answer 1

我为你找到了最好的答案：

fc-event-skin

类的一些新变化......它现在只是fc-event，所以样式应该不是问题。请在此处查看作者注释 全日历 fc-事件类...

最好的方法是在事件对象中设置 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;
}

原答案：

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

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

参考：使用事件呈现时，全日历不呈现颜色