完整的日历事件不会跨越多天

Question

我一直在开发一个 Web 应用程序，该应用程序需要一个日历来显示事件以及有关它们的信息。我一直在使用完整的日历 API 为我处理日历。但是每当我有一个跨越多天的事件时，日历不会每天呈现该事件。它只会在第一天显示事件，然后在下一个星期日再次显示，这对我来说没有意义。我知道完整的日历支持这一点，因为我在他们的网站上看到了一个例子，但我不知道我做错了什么。

这就是我初始化日历和插入事件的方式

$(document).ready(function(){
  //initialize calendar
  $('#calendar').fullCalendar({
    //options and callbacks
    // your event source
    eventSources: [
      {
        events: [ // put the array in the `events` property
            {
                title  : 'event1',
                start  : '2016-01-15T23:59',
                end    : '2016-01-21T00:01',
                isMultipleDay: true
            }
        ],
        color: 'blue',     // an option!
        textColor: 'yellow', // an option!
        nextDayThreshold: "00:01"
      }
      // any other event sources...
    ]
  });
});

Answer 1

在他们玩的例子中，他们省略了时区数据。

请尝试以下操作：

events: [{
 title  : 'event1',
 start  : '2016-01-15',
 end    : '2016-01-21',
}]

Answer 2

所以我发现完整日历 api 提供的一个 css 文件不正确，我不确定我是否引用了错误的文件，或者给我的文件是否有问题。但我只是使用了与工作示例相同的文件，它几乎可以工作。

时区数据仍然是必需的，因为结束日期是排他性的，因此如果没有时间，事件将少一天。所以这段代码确实有效。

events: [{
   title  : 'event1',
   start  : '2016-01-15',
   end    : '2016-01-21T23:59:59'
}]