A jQuery calendar plugin for creating flexible calendars.
Clone or download
Latest commit 94ae813 May 24, 2018
Failed to load latest commit information.
css v4.0.0 Mar 26, 2015
font v4.0.0 Mar 27, 2015
images v4.0.0 Mar 27, 2015
js #31 May 23, 2018
.travis.yml v4.0.0 Mar 27, 2015
README.md Update README.md Jun 19, 2017
index.html v4.0.0 Mar 26, 2015
index2.html Minor fix Dec 13, 2016
index3.html v4.0.0 Mar 26, 2015
package.json v5.0.1 Mar 11, 2016


Calendario Build Status

NOTE: v5.0.0 has been found to be buggy as reported in #13. Please use v5.0.1! And to that planning fot the next big version of Calendario begins! Check out the wiki for more details.

A jQuery calendar plugin for creating flexible calendars.



Notable Changes


  • jQuery (Required) [GET!]
  • Event File (Optional)
  • Latest Mordern Browser (Required)


First download a copy and edit these.

Calendario.INFO = {
  EMAIL : '%email%', //your email
  FEED : '%feed%', //your feed link
  NAME : 'HangingTime!',
  VERSION : '5.0.0',
  UNIQUE : '%unique%', //your unique id
  USER : '%user%', //you name
  UPDATEURL : '%url%' //leave this

Then include them to the bottom of the <body> tag

<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript" src="js/calendario.min.js"></script>
<script type="text/javascript" src="js/data.js"></script>

How to Use

Initialize (All Options Mentioned)
    month: 02,
    year: 2012,
    displayWeekAbbr : false,
    displayMonthAbbr : false,
    startIn : 1,
    fillEmpty: true, //Show Previous and next dates in the empty cells of the calendar
    zone: '00:00',
    events : ['click', 'focus'],
    checkUpdate: true,
    weekdays: 'MON, TUE, WED, THU, FRI',
    weekends: 'SAT, SUN',
    format: 'MM-DD-YYYY',
    feed: 'http://calendario.t15.org/sync/'
Access Calendario Functions

/* All Accessible Methods */
$('#calendar').calendario('getYear'); //returns
$('#calendar').calendario('getMonth'); //returns
$('#calendar').calendario('getMonthName'); //returns
$('#calendar').calendario('getCell', date, returnData); //returns
$('#calendar').calendario('setData', data, clearData); //does not return
$('#calendar').calendario('gotoNow', callback); //does not return
$('#calendar').calendario('gotoMonth', month, year, callback); //does not return
$('#calendar').calendario('gotoPreviousMonth', callback); //does not return
$('#calendar').calendario('gotoPreviousYear', callback); //does not return
$('#calendar').calendario('gotoNextMonth', callback); //does not return
$('#calendar').calendario('gotoNextYear', callback); //does not return
$('#calendar').calendario('feed'); //returns
$('#calendar').calendario('version'); //returns
Calendario Events
//This event triggers only once when all the calendario have been intialized
$(document).on('finish.calendar.calendario', function(e){ /* something */ });
$('#calendar').on('shown.calendar.calendario', function(){
	//onDay events to be declared inside 'shown.calendar.calendario'
	//If events : ['click', 'focus'] then only these two events will be
	//available, i.e., 'onDayClick.calendario' and 'onDayFocus.calendario'
	//and so on. You can have custom events.
	$('div.fc-row > div').on('onDayClick.calendario', function(e, dateprop) {

Other Platforms

Yeah! I'm excited to anounce that Calendario is extending is roots to other web platforms. Special thanks to Ray Flores for creating the Word Press plugin. Enjoy the flexibilty of Calendario in your wordpress application. Click on the choice of your platform and you will be redirected.


Where is Calendario being used?

new forest

Licensing & Terms of Use

The resources on Codrops can be used freely in personal and commercial projects. Please note, that most of the tutorials and resources are experimental and not ready for production, but made for inspiration and demonstration purpose only.

The resources on Codrops can be used in websites, web apps and web templates intended for sale. You don’t have to link back to us if it vitiates your work but we appreciate any credit.

You are not allowed to take our work “as-is” and sell it, redistribute or re-publish it, or sell “pluginized” versions of it.

If you plan to create free WordPress, jQuery, Joomla, etc. plugins out of our scripts, please credit us in a fair way and link to the respective article on Codrops.

Please, respect the licenses of the resources (audio, video or images) that we often use in our demos. We always indicate the license in the article and link to the owner/creator in both, article and demo.

If you write about some of our work we would like you to add a link back to us. You are free to copy excerpts but please do not copy entire articles (e.g. RSS feed scraping), we put our heart into this work. Don’t re-publish our demos and our ZIP files, and don’t link directly to any ZIP file, link to the article instead.

Please contact us, if you’d like to translate articles and re-publish them.

Summarized, use it freely, integrate it, make it your own, but don’t copy and paste our work and sell it or claim that it’s yours, stay fair.