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

时间:2014-03-26 11:28:01

标签: javascript jquery date events fullcalendar

我在我的一个项目中使用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”),它也会显示如下图所示。< / p>

damn end date

为什么呢?我究竟做错了什么?我该如何解决? 在此先感谢,Best A。

编辑:JSFiddle here

1 个答案:

答案 0 :(得分:2)

无法准确说出这些细节。但我怀疑你的数据集。

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

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

如果您可以看到事件持续时间几乎 2分钟

现在看一下图片。您的活动时间步距为 5分钟。因此它无法以清晰的方式向您显示 2mis 持续时间。但我可以看到一些小偏差。 (I think you are doing it correct , and you have got the correct result)。

我认为你的问题是你的活动持续时间太短,所以你不能看到显示器的巨大差异。尝试持续时间很长的活动。我认为你做得对。