Home » Scripting

Mootools Date Picker

Written by Thomas on 30/09/2008 – 10:272 Comments

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 ;)

Share and Enjoy:
  • Digg
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Design Float
  • MisterWong
  • MySpace
  • Reddit
  • StumbleUpon
  • Technorati
  • E-mail this story to a friend!
  • RSS
  • Twitter

2 Comments »

Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

Be nice. Keep it clean. Stay on topic. No spam.

You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

This is a Gravatar-enabled weblog. To get your own globally-recognized-avatar, please register at Gravatar.