Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
65 lines (42 sloc) 1.83 KB

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!

Demo

You can try it [here] (http://ahmontero.github.com/bootstrap-calendar/)

Requisites

Quick start

    var evnts = function(){
              return {
                      "event":
                          [
                               {"date":"2012-01-25","title":"1"}
                              ,{"date":"2012-02-01","title":"2"}
                          ]
                      }
          };

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

Parameters

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