FullCalendar-谷歌日历事件颜色

FullCalendar-谷歌日历事件颜色,fullcalendar,Fullcalendar,我正在使用FullCalendar将Google日历嵌入到网页中 由于谷歌日历事件的颜色没有被纳入完整的日历中,我想用不同的背景颜色在本地设置每个事件的样式 最简单的解决方案是为每个事件添加一个类名。我想在类名中生成事件标题 我曾尝试使用ClassName,但无法使其正常工作 希望能听到有人的建议。类名必须以JSON格式返回,因此您需要一个代理PHP/ASHX,您将调用它,向它传递参数,它将调用Google Cal,转换它并返回类似的内容 [{"title":"News that will bl

我正在使用FullCalendar将Google日历嵌入到网页中

由于谷歌日历事件的颜色没有被纳入完整的日历中,我想用不同的背景颜色在本地设置每个事件的样式

最简单的解决方案是为每个事件添加一个类名。我想在类名中生成事件标题

我曾尝试使用
ClassName
,但无法使其正常工作


希望能听到有人的建议。

类名必须以JSON格式返回,因此您需要一个代理PHP/ASHX,您将调用它,向它传递参数,它将调用Google Cal,转换它并返回类似的内容

[{"title":"News that will blow you away!","url":"news.aspx?i=1657","start":"2011-11-22T00:01:00","end":"2011-11-22T23:59:00","color":"rgb(232,157,0)","className":"data-newsevent clickable","newsEvent":"True","EventName":null,"description":null,"EventCompTypeMSP":null}]

  • 代理请求:您对代理的请求
  • Proxy Res:您的代理对您的响应
注意颜色,您可以使用它直接定义事件的颜色

注意我的classNames数据newsevent和click-able,我使用jQuery中的这些数据来执行某些特殊的click事件-它们实际上不包含任何颜色样式,但您可以执行,您可能必须使用!这很重要,因为fullCaldner应用默认颜色

我首先用空的feed加载页面,然后使用客户端请求feed,它看起来更动态,使用缓存,如果他们导航分配,它可以足够快

我想在类名中生成事件标题

因此,您可以像这样使用回调:

eventRender: function(event, element) {
    /**
     * @params
     * event : fullcalendar event
     * element : jQuery container
     */

     // be aware of whitespaces !
     element.addClass("fc-" + event.title.replace(/\s+/g, "_"));

}