Twitter Bootstrap jQuery Calendar component

| Last Updated: | In: Freebies, Javascript & Ajax, Twitter


This is the full view calendar with year, month, week and day views based on templates with Twitter Bootstrap. To implement this in your next application. I believe there are no good full view calendar’s out there with native Bootstrap support. In fact I could not find even one. A different UI and UX concept approach is also used.

bootstrap-calender


demo download.



Features

  • Reusable – there is no UI in this calendar. All buttons to switch view or load events are done separately. You will end up with your own uniquie calendar design.
  • Template based – all view like year, month, week or day are based on templates. You can easily change how it looks or style it or even add new custom view.
  • LESS – easy adjust and style your calendar with less variables file.
  • AJAX – It uses AJAX to feed calendar with events. You provide URL and just return by this URL JSON list of events.
  • i18n – language files are connected separately. You can easily translate the calendar into your own language. Holidays are also diplayed on the calendar according to your language

You will need to include the bootstrap css and calendar css. Here is the minimum setup :

Javascript Code

Tags: , ,


About: Prem Tiwari

Prem Tiwari is founder of freewebmentor.com and Software developer from New Delhi (India). Follow Prem's development codes on facebook, and make sure you check out freewebmentor.com for the latest in web development related Tips with the complete code.


You may also like:

Follow us!

Get Free Access of 350+ Scripts

Don't worry you'll not be spammed!

Featured eBook

WordPress Security Guide

Learn how to implement security guideline in your WordPress site...

DOWNLOAD

Pincode Finder

pincode-finder tool

Online Pincode Finder

Best tool to locate post Office address and pincodes of all india...

SEARCH NOW