Our Bootstrap Fullcalendar is a full-sized drag & drop event calendar.
Keep reading our Bootstrap Fullcalendar examples and learn how to use this plugin.
In order to use this plugin on your page you will need to include the following styles in the “Page plugins” area from the page’s head section:
In order to use this plugin on your page you will need to include the following script in the “Optional JS” area from the page’s footer:
In the JS components folder located in
assets/js/components you will find the
fullcalendar.js file with the init script you need to use in order to make Fullcalendar work.
events variable to store the events you want to display in the calendar:
fullcalendar-title class on the element you want to inject the calendar current date.
Use the following controls and add them next to your calendar to switch between Month, week and day and also navigate through different periods of time with the Next/Prev buttons.