Three examples of how to use FullCalendar with Modals. From the blog posts Extend FullCalendar Events with Bootstrap Modal and jQuery FullCalendar - Event Description with Modal Pop-up.
Based on node.js site with doT template engine. For more information on the template engine and the site structure, see https://github.com/MikeSmithDev/dot-bootstrap.
Clone the project, enter the working directory and do a npm install
to install the packages. Now type node app
and the local website will be running at http://localhost:5250/.
- Example of a FullCalendar where a Bootstrap Modal is opened for the event when the event is clicked. Local JSON source for events.
- Example of a FullCalendar where a jQuery UI Modal is opened for the event when the event is clicked. Local JSON source for events.
- Example of a FullCalendar using gCal.js (Google Calendar) as the event source and Bootstrap Modal to show details on the event when the event is clicked.
If you don't use node, you can get the static HTML files at this repository.