JavaScript Date Picker Test

This is a demonstration of some basic JavaScript DHTML datepicker functionality, allowing you to present a drop-down calendar to your users at the click of a button so they can easily choose a date that will be inserted into a text field.

There are many other datepickers available on the Internet...this happens to be the one that I wrote. You are free to use it in your own applications. I've attached the MIT license to this code, which should work in most situations.

Please see the JavaScript code on the page source itself for additional information, or download the JavaScript and CSS files at:
nsftoolsDatepicker.js
nsftoolsDatepicker.css


Here's an example of displaying the datepicker below a text field:
A Date:

And here's an example of displaying it below the button that was clicked:
Another Date:

And here's an example of displaying the resulting value with a date format of dd.mm.yyyy:
Yet Another Date:

The format of the datepicker (color, fonts, etc.) is easily customized using CSS. The date format can be customized using either global variables or each time you call the function that displays the date picker (see the code for more information). Enjoy.


Julian Robichaux
http://www.nsftools.com