Events end too soon when FullCalendar has a 15-minute Minutes slot.

Question

I basically did:

$(document).ready(function() { $('#calendar').fullCalendar({ defaultView: 'agendaWeek', firstDay:1, allDaySlot:false, axisFormat: 'h(:mm)tt', slotMinutes: 15, defaultEventMinutes:45, 

therefore my left side shows the time in 15 minute slots.

The problem is that ive sets the event to fire from 10:00 to 10:45 and shows the event, but it seems the event ends at 10:30.

I added a screenshot, the event on the left is set in json as:

 array( 'id' => 333, 'title' => "John", 'start' => "May 5 2011 10:00:00", 'end' => "May 5 2011 10:45:00", 'url' => "http://yahoo.com/", 'allDay'=> false, 'color' => 'red', // an option! 'textColor'=> 'black' // an option! ), 

and if you look at the screenshot,

I added a light blue background, where, it seems to me, the event should end, in the slot 10:45. Any suggestions?

Answer 1

I think you are reading this wrong. If you notice, your event spans three slots (10, 10:15: and 10:30). It ends when slot 10:45 begins. If you had a new event that came across your first event, you would like it to start at 10:45. Thus, it will take a 10:45 slot in the same way as your first reception takes 10 slot, because it started at 10.