FullCalendar和多个事件源

时间:2013-11-19 12:05:30

标签: jquery fullcalendar

我有几个json供稿,我想在日历上显示。

查看文档似乎有一些解释,但没有超过1个json feed的示例。

我有以下内容:

var source = Array();
source[0] = '/feed1.php';
source[1] = '/feed2.php';
eventSources: [
  source[0],
  source[1]
]

这显示事件很好,我可以在我的日历上看起来像

但我如何在颜色方面区分它们呢?

由于

1 个答案:

答案 0 :(得分:9)

您可以使用扩展形式的事件源为每个源提供自己的颜色。在下面的代码中,“color”是事件背景颜色,“textColor”是事件文本的颜色。

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

  eventSources: [
    {
      url: '/feed1.php',
      color: 'yellow',
      textColor: 'black'
    },
    {
      url: '/feed2.php',
      color: 'blue',
      textColor: 'white'
    }
  ]
});

这是一个使用此方法的JSFiddle:http://jsfiddle.net/emcw5/4/