A Mootools Based Calendar Widget from NoGray

October 6th, 2007 Posted by Don Albrecht

No Gray Calendar is a simple, easy to use and highly configurable calendar widget built on the mootools framework. The calendar is built dynamically from an <a> element it modifies specified input fields and is attached to a specified container element.

Features:

Create any numbers of months per calendar.
Set the weekend, days off, holidays (dates off), start day of the week.
Start and end date.
Multi selection with limits or without.
Skinnable (using CSS).
Can have any number of calendars in any page.
Optimized for best performance.

You can find it online at: http://nogray.com/calendar.php

Usage Examples After the Jump:

For example:

HTML:

<input type="text" id="date3" name="date3"> <a href="#" id="cal3_toggler">Open Calendar</a> <div id="calendar3"></div>

Script:

Script: var calender3 = new Calendar("calendar3", "cal3_toggler", {inputField:'date3', numMonths:3, multiSelection:true, maxSelection:5, forceSelections:[ {date:'last Saturday'} ], dateFormat:'D, d M Y :: ', idPrefix:'cal3'});

In the above example: the calendar is placed in the calendar3 div when the cal3_toggler is clicked and modfies the date3 field.

Found online via: webappers