Question

我在FullCalendar的每日和每周视图中更改了className标记，以显示日历中项目的状态。

问题是在月视图中所有事件的样式都相同。有没有办法用自定义CSS标签覆盖它？我试过了color，但这似乎不起作用。

感谢。

Answer 1

请确保为希望单独显示的事件使用单独的className。 EG：

events: [
    {
        title: 'All Day Event',
        start: new Date(y, m, 1),
        className: 'Myevent_1'
    },
    {
        title: 'Long Event',
        start: new Date(y, m, d-5),
        end: new Date(y, m, d-2),
        className: 'Myevent_2'
    },
    ... ...

然后构造样式，如此（至少）：

.Myevent_1, .Myevent_1 .fc-event-skin {
    background: gold;
}
.Myevent_2, .Myevent_2 .fc-event-skin {
    background: red;
}

See a demo at jsFiddle.

Answer 2

谢谢Brock ..

问题是我使用过：

.subOpen,
.fc-agenda .subOpen .fc-event-time,
.subOpen a {
    background-color:#FFFF33;
    color: #000000;
}

我实际上已从FullCalendar 1.3升级到1.5.1，现在可以作为Even Object的一部分传递以下内容。

颜色， backgroundColor ， BorderColor 和 textColor 。 Ref: FullCalendar Event Object

使用时，它们会覆盖fullCalendar.css中的CSS，并将设置正确地传递给所有视图。

因此，我没有使用CSS，而是使用事件数据传递颜色设置。

 [{"title":"Thomas Trutt","start":"2011-05-30 09:00","end":"2011-05-30 22:00","id":"28","opID":"3","allDay":false,"color":"#36F"}]

这可以解决，因为我的所有事件都是从数据库中提取的。

再次感谢

使用FullCalendar自定义月视图上的视图

2 个答案: