FullCalendar Events Not Showing After 8pm in basicDay view

Question

I came across a strange happening with using FullCalendar that I haven't been able to figure out. I'm not sure if it's a hiccup in FullCalendar or something I'm doing (probably the latter).

Events past 8:00pm aren't showing up on my calendar (i.e. an event at 8:00-9:00pm) in basicDay view. If I set the event start time to 7:59pm, it will show up. I've checked my timezones, and everything is set to Eastern Time (New York).

The other strange part to this is that the other views display correctly. Month and basicWeek display that dropped event just fine and have no issue with any events after 8:00pm.

See the page (and view the all code) here: http://www.clarksportscenter.com/calendar/. A good date to navigate to would be April 16 and look at the dark blue dates (Aquatics). Look specifically for an event named "Open Laps" that happens 8:00-9:00pm. It will be displayed in basicWeek by default, and you will be able to see it. If you click to turn the calendar into basicDay and move forward to April 16, the event disappears. Sometimes the event displays if you click backwards day by day or by clicking through the month/week/day views, sometimes it doesn't. The reason why this is problematic is that I also have the calendar on the homepage (http://www.clarksportscenter.com), and I can't have it dropping events on there.

Any help would be greatly appreciated! Thanks!

Right now I only see events with a 7:59 start time on all views. Did you change something? Also, can you post the relevant Fullcalendar code. You can override most of the defaults and it sounds like that might be happening on one of your views. — FajitaNachos
Yes, I changed that particular event to 7:59pm and that made it show up. If it's set to 8:00pm it disappears, so that was a simple solution for now. I will post code soon. Thanks. — Zach Winnie
This is the code to set up my calendar: jQuery(document).ready(function() { jQuery('#calendar').fullCalendar({ header: { left: 'prev', center: 'title', right: 'next' }, defaultView: 'basicDay', columnFormat: '', timeFormat: 'h:mm{-h:mm}', titleFormat: 'ddd., MMM. d', buttonText: { prev: '«', next: '»' }, aspectRatio: 1.25, firstDay: 1, currentTimezone: 'America/New_York' }); — Zach Winnie
And this is the code to pull in the calendar info and set up the checkbox on/off: var aquatics = jQuery.fullCalendar.gcalFeed("https://www.google.com/..."{ className: 'aquatics-events', backgroundColor: '#ffffff', textColor: '#3866b9', borderColor: '#ffffff' } ); jQuery('#calendar').fullCalendar('addEventSource', aquatics); jQuery("#aquatics-check").click(function() {if (jQuery('#aquatics-check').is(':checked') == false) {jQuery('#calendar').fullCalendar('removeEventSource', aquatics);} else {jQuery('#calendar').fullCalendar('addEventSource', aquatics); } }); — Zach Winnie
I'm pulling in 10 different calendar feeds, and each of them has this problem with events past 8:00pm. The currentTimezone option was only plugged in after I saw the issue come up (taking it out of the code doesn't fix the problem). Thanks for your help! — Zach Winnie

domi27 domi27 · Accepted Answer · 2012-04-19T12:01:15

I cannot reproduce your problem.

With a basic setup of fullcalendar all your events are shown correct, also without a specified timezone :

jQuery('#calendar').fullCalendar({
/************** Config ***************/
header: {
    left: 'prev,next today',
    center: 'title',
    right: 'month,agendaWeek,agendaDay'
}
/************** Events ***************/
, eventSources: [
    { // gym
    url: "https://www.google.com/calendar/feeds/--YOUR_SWIM_EVENTS--group.calendar.google.com/public/basic"
    , className: "gym-event"
    // , currentTimezone: 'America/New_York'
    }
]
});

.... and a screenshot with your events : http://tinypic.com/r/lb1ia/5

Perhaps an update to fullcalendar 1.5.3 will do it ?

FullCalendar Events Not Showing After 8pm in basicDay view

1 Answers