Basic view

FullCalendar is a jQuery plugin that provides a full-sized, drag & drop event calendar like the one below. It uses AJAX to fetch events on-the-fly and is easily configured to use your own feed format. It is visually customizable with a rich API. Example below demonstrates a default view of the calendar with a basic setup: draggable and editable events, and starting date.

Agenda view

FullCalendar has a number of different "views", or ways of displaying days and events. The following 5 views are all built in to FullCalendar: month, basicWeek, basicDay, agendaWeek, agendaDay. You can define header buttons to allow the user to switch between them. Also you can set the initial view of the calendar with the defaultView option. The following example demonstrates agenda views.