Skip to content
Calendar to visualize data using some bootstrap styles.
Branch: master
Clone or download
Latest commit 5a75d46 Sep 4, 2014
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo Update master Jun 29, 2012
src Code style fixes Sep 3, 2014
GPL-LICENSE.txt Initial commit Mar 21, 2012
MIT-LICENSE.txt Initial commit Mar 21, 2012 Add a Bitdeli badge to README Feb 6, 2014
bower.json Added bower.json Sep 4, 2014

Bootstrap Calendar

The aim of this plugin is to have a simple calendar to show events using Bootstrap. For sure it can be improved, and you are welcome to do it!


You can try it [here] (


Quick start

    var evnts = function(){
              return {

    $('element_to_render_calendar').Calendar({ 'events': evnts,
        'weekStart': 1 })
        .on('changeDay', function(event){ alert(; })
        .on('onEvent', function(event){ alert(; })
        .on('onNext', function(event){ alert("Next"); })
        .on('onPrev', function(event){ alert("Prev"); })
        .on('onCurrent', function(event){ alert("Current"); });


weekStart: 1|2|3|4|5|6|7

msg_days: Text for week days. Default: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"]

msg_months: Text for months. Default: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]

msg_today: Text for 'Today' button. Default: 'Today'

msg_events_header: Text for events header. Default: 'Events Today',

events: Events to show in the calendar. Format: {"event":[{"date":"2012-01-25", "title":"1"}]}

Bitdeli Badge

You can’t perform that action at this time.