SPS Home    >   Dgreath    >   Javascript Code Library    >   Datepicker

Popup Datepicker

This calendar widget, when clicked, pops up a navigable calender to allow users to choose a date via mouse click. To implement it, download and install the javascript and graphic file to the site directory. Then reference the script in the head container as shown below. Finally, add the body code shown adjacent to the input control with appropriate references.
The script requires no customization and needs just two arguments. The first argument is a string specifying the datepicker's unique name (really can be anything), the second is a string referencing the associated input control. If you use more than one datepicker on a page, make sure both arguments are different for each instance to prevent undesired interaction.

DEMONSTRATION

Date of Birth:  datepicker
Head Container Markup


  

Body Container Markup


  

Required File Downloads (right click and copy):
datepicker.js
datepicker.jpg