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

我在FullCalendar的每日和每周视图上更改了className标记，以显示日历中项目的状态。使用FullCalendar自定义月视图上的视图

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

谢谢。

来源

2011-05-30 Tom Trutt

什么是完整的日历是一个插件？也许你不介意给我们看一些代码？ – Ibu 2011-05-30 00:30:16

尝试添加！重要的颜色：#ffffff！important; – wdm 2011-05-30 02:16:14

FullCalendar是一个jQuery插件..一个相当不错的一个.. .. http://arshaw.com/fullcalendar/ – 2011-05-31 15:06:22

确保您单独使用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.

来源

2011-05-30 03:07:34

感谢布鲁克..

问题是我使用：

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

我实际上已经从FullCalendar 1.3升级到1.5.1，现在可以将以下内容作为偶数对象的一部分传递给它。

颜色，的backgroundColor，边框颜色，和文字颜色。 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"}]

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

再次感谢

来源

2011-05-31 15:17:50

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

回答

相关问题