在月视图中剪切事件的结束时间

Question

更新新版本后，我的 fullCalendar 出现了一些问题。如果活动结束时间早于上午 9 点，则活动最后一天将被截断。

我的全日历初始化：

$('#calendar').fullCalendar({
   header: {
       left: 'prev,next today',
       center: 'title',
       right: ''
   },
    editable: false,
    events: [
        {
            "title":"normal 3 days event",
            "start":"2015-04-13T08:00:00",
            "end":"2015-04-15T09:00:00"},
        {
            "title":"cutted 3 days event",
            "start":"2015-04-19T01:00:00",
            "end":"2015-04-21T08:00:00"}],
    timeFormat: ' '//for hiding of event's start time
});

另外，我 fiddle 提供了 2 个事件。第一个结束时间晚于上午 8 点并且工作正常，第二个被切断。

我认为时区有问题并尝试添加时区："UTC"，但它对我没有帮助。

Answer 1

这与 nextDayThreshold 有关，与时区无关。默认情况下，如果多日活动在 09:00 之前结束，则不会显示。如果要显示每个事件，只需将其设置为00:00:00。

$('#calendar').fullCalendar({
   header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month, agendaWeek' //You can check it adding new views
            },
    editable: false,
    nextDayThreshold : "00:00:00", //Add this line
    events: [{"title":"New Franchisee Training","location":"Hastings, MN","start":"2015-05-11T08:00:00","end":"2015-05-15T11:00:00","color":""},{"title":"Vitals Training","location":"PL","start":"2015-05-19T01:00:00","end":"2015-05-21T05:00:00","color":""}],
                timeFormat: ' ',
            timezone: 'UTC'
});

我分叉了你的fiddle。我还为不同的视图添加了按钮，因此您可以轻松查看它。

在月视图中剪切事件的结束时间

Cut event's end time in month view

javascript

jquery

fullcalendar