Question

我一直试图改变我的活动的颜色但没有成功。

我的git-ripo是https://github.com/mzararagoza/rails-fullcalendar-icecube，并且有一个网站示例。

我正在使用看起来像的json加载我的事件 http://rails-fullcalendar-icecube.herokuapp.com/event_instances.json

{

    "_routes": null,
    "title": "ddd",
    "color": "#b319ab",
    "url": "/events/6",
    "start": "2013-06-12T00:00:00-05:00",
    "end": "2013-06-12T23:59:59-05:00",
    "allDay": true,
    "event_id": 6

}

感谢所有帮助

Answer 1

尝试为其分配 classname 并在CSS代码块中定义该类，就像这样：

<style>    
.myCalendarEvent{
            color:#000;
            background-color:#FFF;
            border-color:#669999;   
            width: 100%;                
        }
</style>

Answer 2

要更改所有事件的颜色，建议的方法是使用fullCalendar API：

$('#calendar').fullCalendar({
  eventColor: '#yourcolor'
});

更改特定事件的颜色，知道它的ID：

event = $('#full-calendar').fullCalendar('clientEvents', event_id)
event.color = '#yourcolor'
$('#full-calendar').fullCalendar('updateEvent', event)

完整的日历更改事件颜色

2 个答案: