Calit.JS - Documentation

A Customisable Utility to add Calendars to your webpages.

Calit.JS is a simple, small and effective way to add beautiful calendars to your webpages.

Easy to Install
Easy to Implement
No Dependencies

It is written in pure JavaScript, so its fast and fluid.
The 'setcal( )' function has the following attributes.

setcal(Element, Date, Month, Year, Calendar Background, Border Background, Text Color, Highlight Color);

Formatting

The Utility uses Eight Key Parameters in total. One thing to note is that all the arguments are Strings.

Assigning To an Element

The first one is the element the calendar is supposed to be linked to. If you need to add a calendar to more than two elements, just use the function twice.

setcal(); // This is correct, but only once.

In the above, the function without any argument considers all arguments to be standard. I.e : The date is considered to be today, the element to be assigned is considered to be of the name 'calendar'. And so on...

setcal('element-one');

setcal('element-two'); // Now Correct, this will create calendars in both element-one and element-two.

Setting a Date

Suppose we want to run the calendar but with a different date. We can do the following :

setcal('element','25'); // The highlighted date will be 25.

Note : The date will be highlighted only if the date lies in the current month and the current year.

Setting a Month

Well, a calendar cannot be about just one month. Can it? In that case, just pass the third parameter as (month number - 1) (Inside quotes).

setcal('element','25','7'); // The month will be August.

setcal('element','','7'); // Without Any highlighted date.

Setting an Year

The Year is the fourth argument of the function.

setcal('element','25','7','2015'); // The year will be 2015.

setcal('element','','','2017'); // Without Any highlighted date, or month. Just the year.

Formatting

Assigning To an Element

Setting a Date

Setting a Month

Setting an Year

Get the code you need

Styling