JQuery: FullCalendar plugin: events are not displayed in the week and day view, but are displayed as a month

Question

I have the following code to retrieve events:

  $ ('# 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'}]

There are several events similar to those described above (I retired for the sake of brevity).

Thus, the above events appear when I am in the month view mode, but mysteriously are absent when I am in the week or day mode.

What is wrong here?

Thanks in advance for your answers.

Answer 1

I also ran into this problem. The fix was to make sure that every event returned in JSON includes a “allDay” name / value pair / pair set to false.

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

Or set allDayDefault to false:

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

Answer 2

Make sure you DO NOT have a class on the table with overflow hidden. I made this mistake and wasted time on it.

table td { overflow: hidden; //Remove this to fix the issue. }

Answer 3

Also make sure that the event length must be sufficient for it to appear in slotDuration. for example, my slotDuration is 15 minutes, my event is only displayed if it has a minimum of 2 minutes.