Question

我尝试以不同颜色显示来自JSON Feed的事件，但它们都以相同的默认颜色显示。有没有办法使用JSON设置事件对象颜色属性？是否有可供JSON使用的event object properties的列表？

fullcalendar代码：

  $('#calendar').fullCalendar({
      header: {
                left: 'prev,next,today',
                center: 'title',
                right: ''
              },
      events: '/events/feed',
  });

json feed的输出：

[
    {
        "id": "1",
        "title": "Green Event",
        "start": "2014-05-05 09:00:00",
        "end": "2014-05-05 17:00:00",
        "allDay": true,
        "color": "00FF00"
    },
    {
        "id": "2",
        "title": "Red Event",
        "start": "2014-05-06 09:00:00",
        "end": "2014-05-06 17:00:00",
        "allDay": true,
        "color": "FF0000"
    }
]

Answer 1

您需要将#置于彩色之前，将"color": "FF0000"替换为color: '#00FF00'并尝试

Answer 2

这些是您可以在最新版本的fullCalendar中使用的颜色属性：

eventColor

eventBackgroundColor

eventBorderColor

eventTextColor

你也应该使用'＃'作为例子：

{ "id": "1", "title": "Green Event", "start": "2014-05-05 09:00:00", "end": "2014-05-05 17:00:00", "allDay": true, "eventColor": "#FF0000" }

Answer 3

还有事件对象的className属性，您可以在其中为每个事件设置一个css类。

Answer 4

对我有用的方法使用了属性＆＃34; color＆＃34;并使用＆＃34;＃＆＃34;在十六进制数字之前。例如，以下显示为红色背景：

color: "#FF0000"
id: "aa49c82f33dc6"
start: "2013-04-21T07:00:00Z"
status: "COMPLETED"
title: "This is the Event Title"
unix_start: 1366527600

fullcalendar：使用JSON提要设置单个事件的颜色

4 个答案: