This feature is part of a premium plugin. Learn more.

Getting started with Scheduler

The Scheduler add-on provides FullCalendar with functionality for displaying resources. Some important terminology:

  • Scheduler : the advertised name of the add-on
  • Resources : things that events can be assigned to, like team members or conference rooms
  • Timeline : the name of a premium view that has its time axis running left-to-right. It is specially suited for displaying a large number of resources. full list of settings »
  • Vertical Resource View : when one of the standard agenda views or basic views has been told to display resource columns. more information »

Basic Usage

In the HEAD of your HTML, include the necessary FullCalendar and Scheduler files:

<link href='fullcalendar.css' rel='stylesheet' />
<link href='scheduler.css' rel='stylesheet' />
<script src='moment.js'></script>
<script src='jquery.js'></script>
<script src='fullcalendar.js'></script>
<script src='scheduler.js'></script>

Then, in your JavaScript, if you'd like to do a timeline resource view:

$('#calendar').fullCalendar({
    defaultView: 'timelineMonth',
    events: [
        // events go here
    ],
    resources: [
        // resources go here
    ]
    // other options go here...
});

Alternatively, you can display an agenda view with resource columns (a vertical resource view):

$('#calendar').fullCalendar({
    defaultView: 'agendaDay',
    events: [
        // events go here
    ],
    resources: [
        // resources go here
    ]
    // other options go here...
});

Learn more about Vertical Resource View »

More Settings

A full list of Scheduler-related settings can be see on the main docs page on the right hand column (Timeline View, Vertical Resource View, Resource Data, Resource Rendering, etc).

Visit the main docs page »