demos

Demo 1

Shows basic calendar functionality. Calendar Events are supplied as a local javascript array. All triggered events are displayed as messages, calendar events in the past are shaded gray using the eventRender callback.

Demo 2

Allows you to select from two different data sources. These are both local javascript objects but could just as easily have come from a remote server. The data returned includes an ‘options’ property which overrides the default calendar options for ‘timeslotHeight’ and ‘timeslotsPerHour’.

Demo 3

Allows you to select from two different data sources. These are both local javascript objects but could just as easily have come from a remote server. The data returned includes an ‘options’ property which overrides the default calendar options for ‘timeslotHeight’, ‘timeslotsPerHour’, ‘defaultFreeBusy’ and ‘daysToShow’.
There is a default skin à la google calendar applied.

Demo 4

This demo shows the use of jquery ui modal dialog for creating, updating and deleting events. It also demonstrates the use of

1. Staggered overlapping events
2. Querying the calendar for valid timeslots for a date to populate calendar event form select fields
3. Limited display of timeslots based on business hours

test suite