2

我浏览了与 fullcalendar 事件颜色相关的其他帖子，但它对我不起作用。

我在下面试过

 calendar.fullCalendar('renderEvent',{
                                        id: resp[i].ID,                                         
                                        title: resp[i].desc,
                                        start: s,
                                        end: e,
                                        allDay: true,
                                        comments: resp[i].comments,
                                        className: ["event",  "greenEvent"],
                                        eventColor: '#378006'   
                                    }

此外，尝试通过在日历对象上应用：

    disableDragging: false,
            eventColor: '#378006',              
            //eventBackgroundColor: 'red',

                     eventClick:...

但这只会使事件边框颜色发生变化，但不会改变事件的背景颜色变化。事件的背景颜色仅保持白色......

我发现，它使用 - '.fs-event-inner' 作为覆盖运行时的 CSS。我尝试通过在 firebug 上进行更改，它显示事件颜色已更改。但是，当我尝试通过下面动态更改颜色时，它并没有应用和工作。

 AJS.$('.fc-event-inner').css({"background":"red"});

任何人都可以建议我如何解决它并为事件更改背景颜色。

我在 JIRA 中使用这个完整的日历。

4

2 回答 2

3

我的朋友，我也有同样的问题。我正在使用fullCalendar 1.6.1和jquery ui 1.10.3

我只是这样做并为我工作，我希望对你有用。

当我创建完整日历时，我使用回调“eventRender”。

$('#my_cal_div').fullCalendar({

  ...

  ,eventRender:function(event,element){

  element.children('.fc-event-inner').css({'background-color':'yellow'});
  element.children('.fc-event-inner').css({'border-color':'blue'});
  element.children('.fc-event-inner').css({'color':'red'});

}

...

}); //end of fullCalendar constructor...

至少，它对我有用。

萨卢多斯！

莱昂纳多波尔图。

于 2013-05-29T20:42:12.550 回答
1

我有同样的症状——对我来说，包含 fullcalendar.print.css 覆盖了编码颜色。您可能只需要 print.css，包括您实际打印的时间，这是有道理的。

于 2014-02-11T18:22:29.283 回答