javascript - Jquery - Fullcalendar (v1.6.4) - 一些事件不显示结束日期

Question

我在我的一个项目中使用 Jquery Fullcalendar (v1.6.4)。实际上我有以下日历对象的启动设置:

$j('#maincal').fullCalendar({
                header: {
                        left: 'prev,next today',
                        center: '',
                        right: 'agendaWeek,agendaDay'
                },
                columnFormat: {
                        week: 'ddd dd/MM',
                        day: 'dddd dd/MM/yyyy'
                },
                defaultView: 'agendaDay',
                minTime: 0,
                maxTime: 24,
                axisFormat: 'H:mm',
                timeFormat: { agenda: 'HH:mm{ - dd/MM/yyyy HH:mm}', },
                firstDay: 1,
                firstHour: 8,
                ignoreTimezone: false,
                allDaySlot: false,
                slotMinutes: 5,
                editable: false,
                theme: false,
                lazyFetching: true,
                handleWindowResize: true
});

我的事件数组有这样的元素:

allDay: false
backgroundColor: "#FFC0FF"
borderColor: "#FF00FF"
editable: false
end: "2014-03-26T11:02:34+01:00"
id: "14"
start: "2014-03-26T11:00:30+01:00"
textColor: "#1e1e1e"
title: "This event has no end date, why?"

我的问题是，即使元素有结束日期(结束:“2014-03-26T11:02:34+01:00”)，当它在日历中呈现时，它也会显示如下图。

为什么？我究竟做错了什么？我该如何解决？提前致谢，Best A。

编辑:JSFiddle here

Answer 1

不能准确地说出这些细节。但是我对你的数据集有疑问。

您的结束日期是 end: "2014-03-26T11:02:34+01:00"

您的开始日期是 start: "2014-03-26T11:00:30+01:00"

如果您可以看到事件持续时间将近 2 分钟。

现在看一下图片。您的事件时间间隔为 5 分钟。所以它无法以清晰的方式向您显示 2mis 持续时间。但是我可以看到一些小偏差。 (我认为你做的是正确的，你得到了正确的结果)。

我认为您的问题是您的事件持续时间太短，因此您无法在显示中看到很大的差异。尝试持续时间较长的事件。我认为你做对了。