Calendar - A Javascript class for Mootools


Calendar Logo

Calendar is a Javascript class that adds accessible and unobtrusive date-pickers to your form elements.

Calendar has been successfully tested in Safari, Firefox, Opera and Internet Explorer. The class requires Mootools 1.1 with Fx.Style, Element and Window. In order to enable dragging, the class also requires the Drag component.

Features include:
* Style-able and semantic XHTML
* Future / past calendar restrictions
* Highly configurable use of inputs and selects
* Multi-calendar support (with padding)
* Variable navigation options
* Multi-lingual and fancy date formatting


Example Usage:

Form element:

 <input id="date" name="date" type="text" />

Page header:

  <script type="text/javascript" src="mootools.js"></script>
  <script type="text/javascript" src="calendar.js"></script>
  <script type="text/javascript">
    window.addEvent('domready', function() { myCal = new Calendar({ date: 'd/m/Y' }); });

Click here for more information, a couple of demos, and to download the class.

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <pre> <div> <blockquote> <object> <embed> <img> <param>
  • Lines and paragraphs break automatically.
  • Web page addresses and e-mail addresses turn into links automatically.

More information about formatting options

This question is for testing whether you are a human visitor and to prevent automated spam submissions.
Copy the characters (respecting upper/lower case) from the image.