đź”” Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Calendario is a jQuery Calendar Plugin that allows you to create beautiful and Transparent Calendar for your website or Application.

Calendar

Documentation

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.

Article

Demo

Notable Changes

Requirements

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

Installation

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)
$("#calendar").calendario({     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
$('#calendar').calendario('getMonthName');  /* 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) { 		console.log(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.

wpandcalendariosmall

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.


You May Also Like