如何在JQuery FullCalendar中更改特定的事件背景颜色

时间:2010-12-27 19:23:05

标签: jquery fullcalendar

如何在日历上渲染事件时更改事件背景颜色。如何在javascript中更改特定的事件背景颜色,我已经为id分配了事件。

2 个答案:

答案 0 :(得分:1)

您可以更改fc-event中的“fullcalendar.css”值以更改默认事件背景,

或者您可以按如下方式添加新的css类:

.newtype,
.fc-agenda .newtype.fc-event-time,
.newtype a {
    border-style: solid;
    border-color: #6da;    /* default BORDER color (probably the same as background-color) */
    background-color: #6da; /* #36c; default BACKGROUND color */
    color: #fff;            /* default TEXT color */
}

并通过className指定事件:

event.className="newtype";

P.S。你需要先按函数.fullCalendar( 'clientEvents', event_id)获取事件对象

祝你好运

答案 1 :(得分:1)

将确保事件具有特定的“className”,然后通过css对其进行着色。更多信息:http://arshaw.com/fullcalendar/docs/event_rendering/Colors/