Share

From this page you can share Calendar - A Javascript class for Mootools to a social bookmarking site or email a link to the page.
Social WebE-mail
Enter multiple addresses on separate lines or separate them with commas.
Calendar - A Javascript class for Mootools
(Your Name) has forwarded a page to you from Ajaxonomy
(Your Name) thought you would like to see this page from the Ajaxonomy web site.

Calendar - A Javascript class for Mootools

Tagged:  

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


Calendar

Example Usage:

Form element:

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

Page header:

 <head>
  <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' }); });
  </script>
</head>

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