Question

我浏览了与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。我尝试改变萤火虫，它显示事件颜色已更改。但是，当我试图通过下面动态改变颜色时，它没有应用并且正常工作。

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

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

我在JIRA中使用这个fullcalendar。

Answer 1

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

我刚刚这样做并为我工作，我希望能为你效劳。

当我创建fullCalendar时，我使用callBack“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...

至少，它对我有用。

Saludos！

莱昂纳多波尔托。

Answer 2

我有同样的症状 - 对我来说，包含fullcalendar.print.css会覆盖编码颜色。您可能只想要print.css，包括实际打印时，哪种方式有意义。

无法更改fullcalendar事件颜色（'fc-event-inner'CSS）（在JIRA下使用）

2 个答案: