2016-01-18 54 views
3

我一直在研究一个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... 
    ] 
    }); 
}); 

+0

你能提供的链接,你看到 – jkris

+0

这是一个工作示例http://fullcalendar.io/ – bCubed

+0

你在哪里得到'isMultipleDay'选项的例子吗?我没有看到它在文档中 – jkris

回答

0

在这些例子中,他们的比赛,他们忽略了时区数据。

尝试以下操作:

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

所以我想通了,通过完整的日历API提供的css文件之一是不正确的,我不知道如果我引用了错误的文件,或者如果给我的文件有问题。但我只是使用与工作示例相同的文件,而且它只是工作。

虽然时区数据仍然是必需的,但由于结束日期是排他性的,因此如果没有时间,则该事件将在一天内缩短。所以这段代码确实有效。

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