Question

可能重复：
Can't get jquery fullcalendar events to color correctly

这是我在这里的第一篇文章。如果我的礼仪错了，请原谅。我正在使用FullCalendar创建日历视图。

我修改了CSS以使用第n个孩子使用备用行颜色。

.fc-tr:n-th child(even){
     background-color: #F1F1F1;
     background-image: url("listViewHR.gif");
     background-repeat: repeat-x;
     border: 1px solid #F4F4F4;
     color: #333333;
     font-size: 12px;
     padding: 2px 5px 4px;
     vertical-align: top;
}

.fc tr:nth-child(odd) {
     background-color: #F9F9F9;
         ... //rest just as above
}

我的问题是，在进行此更改后，我无法设置事件的颜色。有很多方法可以做到这一点：在事件源或单个事件或直接在CSS中。我尝试了所有这些，但似乎都没有工作。

到目前为止，我尝试为各个事件设置颜色（然后将事件推送到日历）

var event2 = {
id: 002,
start: new Date(y,m,d, 15,0),
end: new Date(y,m,d,16,0),
title: 'Abc', 
backgroundColor : '#000000',
allDay: false, 
resource: 'resource2',
textColor: 'black'
};

以及此（CSS） -

.fc-event {
border-style: solid;
background-position:center;
color:Olive;
background-color : #ffffcc;
border-width: 0;
font-size: .85em;
cursor: default;
}

和其他变化....但我似乎无法让它工作。我是CSS和Jquery的新手，所以我可能错过了一些东西......

好的，我明白了！对不起，我在这里找到了答案 - Can't get jquery fullcalendar events to color correctly

我的fullcalender print css覆盖了原来的css。我添加了media = print，它就像一个魅力。

<link rel="stylesheet" href="fullcalendar.print.css" 
       type="text/css" media="print" />

如何在fullCalendar中设置事件的颜色

0 个答案: