- Main
- Home
- Page layouts
- Pad layouts
- Content elements
- Form elements
- Form wizards
- Text editors
- Pickers
-
HTML components
- Modal windows
- Select menus
- Content tabs
- Content tabs (Pills)
- Accordion and navs
- HTML buttons
- Notifications (PNotify)
- Notifications (Noty & jGrowl)
- HTML tooltips
- Inline alerts
- Pagination conventions
- Labels & badges
- Loading & progress bars
- Image popups
- Media objects
- Dynamic table of contents
- NoUI sliders
- Ion range sliders
- Session timeout
- Idle timeout
- Dynamic tree views
- Context menu
- Floating action buttons
- Image cropper
- Block UI
- Drag and drop
- Charts and graphs
- Maps integration
- JQuery UI
- File uploaders
- Event calendars
- Tables
- Animations
- Icons
- Examples
- Content types
- User management
- SAS examples
- Menu Grouping Examples
- Menu ConventionsInfo
Previous Page / Control Center Title
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.
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.