Bootstrap Calendar Examples

Stay Updated

Subscribe to Bootsnipp newsletter. (only important updates will be sent, your email is never shared or sold to anyone else)


Dan's Deals All Deals


Recent Comments

Hi, I managed to include the calendar in my html page. I need to just show some course dates, without the possibility for viewers to insert events. So how do I turn off the external events feature?Many thanks!
Calendar Design

Hey! how can I add an events with json ?
Calendar Design

"Calendar Design"Bootstrap 3.3.0 Snippet by Deepakbisht url: https://bootsnipp.com/snippets/featured/calendar-designusing above plugin I am create my own events by using webapi then calendar bind with events. but on every Monday data not bind inperfectly. please give any solution.
Calendar Design

Also the type to be visible next to the the title of the event on the calendar?
Calendar Design

How to add additional filter like booking type next to 'day, week, month?
Calendar Design

In fact I forgot to precise after the point 4 I've changed the link of the files -> in calendar.php I've linked calendar.css and calendar.js
Calendar Design

Hello, I got same problem and your issues @jessealford2018 didn't worked for me :(This is what I've done:1. Copy the HTML part -> Paste in "calendar.php"2. Copy the CSS part -> Paste in "calendar.css"3. Copy the JS part -> Paste in "calendar.js"4. Put all the 3 files in eds-www (easyPHP)5. Start server6. Lunch calendar.php -> Only background7. Follow exactly issues of @jessealford2018Am I missing something ?
Calendar Design

Any plans to support bootstrap 4?
Calendar Design

Find on ".replace(/'/g, ''')" and replace this ".replace(/'/g, '')" then working fine,
Calendar Design

I had some issues as well and finally figured it out. Make sure you go to the following website:https://github.com/fullcalendar/fullcalendar/releasesand download the zip file. Open the zip file and place the fullcalendar.css and the fullcalendar.js into your website files.Then reference both of those files inside your html header. For example:<link href="fullcalendar.css" rel="stylesheet"> <script src="fullcalendar.js"></script>Also reference jquery and bootstrap like I did in my comment above. Hope that helps.
Calendar Design