javascript – 为FullCalendar中的事件添加漂亮的颜色(jquery)

前端之家收集整理的这篇文章主要介绍了javascript – 为FullCalendar中的事件添加漂亮的颜色(jquery)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_301_1@在我的日历中,我想以不同的颜色为每个事件着色.目前有没有办法发送到完整日历,在JSON中它需要一个颜色的值?
FullCalendar
最佳答案
似乎我第一次阅读手册时错过了它:

@H_301_1@我每天发送以下JSON:

@H_301_1@

{"id":"1","start":"1272513600","end":"1272513600","allDay":"1","title":"Repeat 1,Day 1","className":"eventColorX"}
@H_301_1@重要的是className和X是一个数字(取决于CSS,见下文).
然后在CSS中:

@H_301_1@

.eventColor1,.fc-agenda .eventColor1 .fc-event-time,.eventColor1 a {
    background-color: green; /* background color */
    border-color: green;     /* border color */
    color: yellow;           /* text color */
    }

.eventColor2,.fc-agenda .eventColor2 .fc-event-time,.eventColor2 a {
     background-color: purple; /* background color */
     border-color: purple;     /* border color */
     color: white;           /* text color */
     }


.
.
.
.

猜你在找的jQuery相关文章