This module implements a Drupal integration of the FullCalendar the most popular full-sized JavaScript calendar. This Drupal module is only compatible with the v3.x version of FullCalendar.
There are 2 ways of installing the Drupal module and the 3rd party FullCalendar library.
- Run composer require
drupal/fullcalendar
to download the Drupal module to themodules/contrib
folder. - Run
composer require --prefer-dist composer/installers
to ensure that you have the composer/installers package installed. This package facilitates the installation of packages into directories other than /vendor (e.g. /libraries) using Composer. - Add the following snippet to the
repositories
section of thecomposer.json
file in your Drupal root folder:
{
"type": "package",
"package": {
"name": "fullcalendar/fullcalendar",
"version": "3.9.0",
"type": "drupal-library",
"dist": {
"url": "https://github.com/fullcalendar/fullcalendar/archive/v3.9.0.zip",
"type": "zip"
}
}
}
- Run
composer require --prefer-dist fullcalendar/fullcalendar:3.9.*
and composer will download the Fullcalendar library to the right location
- Download Fullcalendar module and unpack it inside the
modules/contrib
folder. - Download the FullCalendar library and unpack it to
libraries/fullcalendar
inside your Drupal web root. When unzipped, the library When unzipped, the library contains several directories. The fullcalendar/fullcalendar directory should be moved to /libraries/fullcalendar i.e. in the root of your Drupal installation. (e.g., /libraries/fullcalendar/fullcalendar.min.js). You may not include the demos or jQuery directories.
- Enable Views, Date and Date Range modules.
- Create a new entity that has a date field.
- Create a view and add filters for the entity.
- In the "Format" section, change the "Format" to "FullCalendar".
- Enable the "Use AJAX" option under "Advanced" (Optional).