在jquery完整日历中为特定事件日添加颜色

时间:2012-11-05 05:58:31

标签: fullcalendar jquery background-color


我正在使用jQuery完整日历来显示来自我的一个数据库表的人们所使用的叶子 有不同类型的叶子。我需要在特定日期以不同颜色显示每种假期类型。

假设我在11月1日休年假,11月3日休假。 所以我需要在同一个日历中以两种不同的颜色显示这两种不同的假类型。

你能帮帮我吗。

感谢。

1 个答案:

答案 0 :(得分:1)

尝试在事件中使用className参数。这应该会有所帮助。

示例json

{
    title     : 'Some title',
    start     : '2012-11-05',
    className : 'casual_leave',
} 

示例css

.casual_leave{
    background-color: #F00;
    color: #FFF;
}

同样,您可以拥有多个不同的类,并在css中指定background-colorcolor和(如果我没有记错的话)border详细信息