JQuery:FullCalendar Plugin: Events are not shown in week view and day view but are shown in month view

Question

I\'ve the following code to fetch events:

$(\'#calendar\').fullCalendar({
theme: true,
slotMinutes: 10,
header: {
left: \'prev,next today\',
center: \'title\',
right:          


        

Answer 1

I ran across this problem too. The fix was to make sure each event returned in the JSON included an "allDay" name/value 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

Also make sure that event length must be enough that it can be displayed in slotDuration. e.g. my slotDuration is 15 minutes, my event only displayed if it has minimum 2 minutes duration.

Answer 3

Make sure that you DO NOT have any class on table that has overflow set to hidden. I made this mistake and wasted time on it.

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