- Main
- Dashboard
- Layouts
- Themes
- Starter kit
- Changelog 3.0
- RTL version
- Forms
- Form components
- JSON forms
- Text editors
- Pickers
- Form layouts
- Components
- Basic components
- Content styling
- Extra components
- Color system
- Animations
- Icons
- Layout
- Page layouts
- Sidebars
- Navbars
- Vertical navigation
- Horizontal navigation
- Menu levels
- Data visualization
- Echarts library
- D3 library
- C3 library
- Google charts
- Maps integration
- Extensions
- Extensions
- JQuery UI
- File uploaders
- Event calendars
- Internationalization
- Tables
- Basic tables
- Data tables
- Data tables extensions
- Responsive tables
- Page kits
- General pages
- Service pages
- User pages
- Application pages
- Widgets
Basic view
FullCalendar is a JS 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
, timeGrid
, list view
, dayGrid
, custom views
. 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 timeGrid
views.
List view
A list view is a type of available views that displays events in a flat list. Only days with events are displayed. A list view displays events during a specific interval of time. There are 4 preset list views: listDay
, listWeek
, listMonth
, and listYear
. The following example demonstrates listWeek
, listDay
and listMonth
views.