jquery - 使用 FullCalendar 自定义月 View

Question

我在 FullCalendar 的每日和每周 View 上更改了 className 标签显示日历中元素的状态。

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

谢谢。

Answer 1

请确保为您希望单独显示的事件使用单独的 className。例如:

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.