JQuery:FullCalendar插件:事件不显示在周视图和日视图中,但显示在月视图中

ktecyv1j  于 5个月前  发布在  jQuery
关注(0)|答案(4)|浏览(74)

我有以下代码来获取事件:

$('#calendar').fullCalendar({
theme: true,
slotMinutes: 10,
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay',
},
defaultView: 'agendaDay',
allDaySlot: false,
editable: false,
events: "/cgi-bin/shlk/getshlkruns.pl"
});

The output from getshlkruns.pl is fairly simple json feed:

[{'title': 'Successful','start': 1266398223,'end': 1266398266,'url': '/shlk/cgi-bin/getshlkrunlog.pl?i=21'}]

字符串
有几个类似上面的事件(为了简洁起见,我已经删除了)。
因此,当我在月视图中时,上述事件会显示出来,但当我在周视图或日视图中时,却神秘地消失了。
我做错了什么?
提前感谢您的回答。

67up9zun

67up9zun1#

我也遇到过这个问题,解决方法是确保JSON中返回的每个事件都包含一个设置为false的“allDay”名称/值对。

[{'title': 'Successful','allDay': false,'start': 1266398223,'end': 1266398266,'url': '/shlk/cgi-bin/getshlkrunlog.pl?i=21'}]

字符串
或者将allDayDefault设置为false:

$('#calendar').fullCalendar({
    ...
allDayDefault: false,
    ...
});

5gfr0r5j

5gfr0r5j2#

请确保你没有有任何类的表,有溢出设置为隐藏。我犯了这个错误,浪费了时间。
第一个月

ibps3vxo

ibps3vxo3#

还要确保事件长度必须足以在slotDuration中显示。例如,我的slotDuration是15分钟,我的事件只有在持续时间至少为2分钟时才会显示。

dpiehjr4

dpiehjr44#

在某些情况下,如果你使用自定义css,它可能会改变你的事件的颜色,如果allDay在月份网格视图中设置为false。所以我做了什么来避免这种情况是这样改变的事件JSON:

[{'title': 'Successful','allDay': currentView === 'dayGridMonth','start': 1266398223,'end': 1266398266,'url': '/shlk/cgi-bin/getshlkrunlog.pl?i=21'}]

字符串
其中currentView的值随着视图的改变而改变。所以如果currentView是dayGridMonth,那么尽管有自定义css,但事件看起来很正常,周视图和日视图也可以完美地工作。

相关问题