Mootools Date Picker

Written by Thomas

Topics: Scripting

site>> http://www.styledisplay.com/mootoolsdatepicker/
demo>> http://www.rickhopkins.com/DatePicker2/

Date Picker is a fancy Mootool calendar that will show selected date in a box. Looks nice with icon, and easy customization with CSS. There are options and default state to build this calendars.
The integers are:

* dayChars – Identify number of characters for the day names abbreviation.
* startDay – Setting up the week start on specific day.
* yearRange – An integer to set how many years the dropdown list will include, starting from your yearStart setting.
* yearStart – Enter the four-digit year, for instance 1980. This will be where the dropdown list will start, and continue up or down depending on your yearOrder setting.

Strings:

* format – A regular expression script is used to replace this string with the date.
* yearOrder – The direction to put the year dropdown will go, starting from your yearStart, and counting through your yearRange.

Arrays:

* dayNames – An optional script to set it based on the user’s language.
* daysInMonth – Optional script to set calendars with different days.

However, after we have sorted the default options for this Mootools Date Picker, you would still need to visit the source page to put the correct value for each of them. Take a quick tour to build your own Mootools Date Picker now ;)

2 Comments Comments For This Post I'd Love to Hear Yours!

  1. John says:

    I’ve used this one http://www.monkeyphysics.com/mootools/script/2/datepicker and it’s been working really great for me. highly recommended

  2. Marko says:

    Hello
    I`m wondering in case when you have two date pickers field inputs(example for reservation), after you select the first date for example 15/12/2009 how to get the second one to start from that date and not from the “today”.
    Thanx

Leave a Comment Here's Your Chance to Be Heard!