this uses MooTools v1.11. I’ll be releasing a new version of this soon, but if you can’t wait, the easiest way to get this to v1.2 is to replace Json.evaluate with JSON.decode and replace .remove() with .destroy().

List of All Options and Defaults

dayChars
1
Integer. Number of characters for the day names abbreviation
dayNames

  ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']

Array. If you have a multi-language site, use this option to set it based on the user’s language.
daysInMonth

    [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]

Array. I’m not sure if people use calendars with different days, but there it is if you need it.
format

    'mm/dd/yyyy'

String. The script will use a regular expression to replace this with the date.
monthNames

    ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']

Array. Set it based on the user’s language.
startDay
7
Integer. 1 makes the week start on Monday, and 7 makes it start on Sunday
yearOrder

   'asc'

String. Only other valid choice is ‘desc’. This is the direction the year dropdown will go, starting from your yearStart, and counting through your yearRange.
yearRange
10
Integer. This how many years the dropdown list will include, starting from your yearStart setting.
yearStart
< current year[/code]
Integer. Enter the four-digit year, like 1980. This will be where the dropdown list will start, and continue up or down depending on your yearOrder setting.

Demo: http://www.styledisplay.com/mootoolsdatepicker/

Download: DatePicker.js DatePicker.css

Source: http://www.styledisplay.com/mootoolsdatepicker/

Related Listings:

1. jQuery Date Picker Script This is an clean, unobtrusive plugin for jQuery which allows...
2. Date and Time Picker CalendarDateSelect is semi-light-weight (about ~20k of javascript/css) and easy to...
3. Sliding Date Picker Due to the development of Qash.nl, a Dutch personal finance...
4. Spinner Control Script A feature rich, easy to integrate spinner control for your...
5. Date input Calendar Jason’s Date Input Calendar is designed specifically to make entering...

Do you like this post?

Email: