Question

我一直致力于一个需要日历的Web应用程序，该日历将显示事件及其相关信息。我一直在使用full calendar 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'
}]

完整日历活动不会跨越多天

2 个答案: