jQuery Fullcalendar Integration with Bootstrap, PHP & MySQL
Recently I have used this plugin in an application and faced some issues to integrate it with bootstrap so I don’t want my readers to waste time in integration in this tutorial you will get a fullcalendar working with bootstrap, PHP & MySQL. We are doing some basic operations like add event, edit event and delete event.
Let’s start.
Step 1. Download fullcalendar plugin from here.
Step 2. Create database table events
Click To Expand Code
Step 3. Code includes below jQuery scripts
Click To Expand Code
PHP Files and coding:
db.php
Click To Expand Code
Add your database connection credntials.
index.php
This file contains all the operations like add, update, delete events and load event and modal popups of bootstrap.
You can seperate all operations in files as add-event.php, edit-event.php etc.
Click To Expand Code
HTML popup and calander div defined in below markup:
