View only hours of work in a full-screen calendar

Question

I want to show only working hours in the daily agenda from 8:30 to 17:00, as shown below:

Answer 1

You ask how to hide hours outside of working hours? If so, use the minTime and maxTime parameters:

http://fullcalendar.io/docs/agenda/minTime/

http://fullcalendar.io/docs/agenda/maxTime/

for example, for a calendar from 9:00 to 17:00:

$(document).ready(function() { $('#calendar').fullCalendar({ ... minTime: "09:00:00", maxTime: "17:00:00", ... }); }); 

Answer 2

Adding to the minTime and maxTime settings as @scottysmalls, adding height: 'auto', will help to remove the empty area at the bottom.