LogoHTML Date Picker

Description | Use | Testing | Download | Support | Contact
HTML Date Picker is a JavaScript based form control that will populate a form field with a date the user chooses in a HTML form.
To include htmlDatePicker into your own web page form, perform the following steps:
  1. Copy the files htmlDatePicker.css and htmlDatePicker.js into your project's directory.
  2. In the <head> portion of your HTML page, place the following code:
    <script language="JavaScript" src="datepicker.js" type="text/javascript"></script>
    <link href="datepicker.css" rel="stylesheet" />
  3. In your <form> place an <input> element for your date field:
    <input type="text" name="SelectedDate" id="SelectedDate" readonly onClick="GetDate(this);" />
    NOTE: "name" and "id" can be whatever you want. I would suggest leaving "readonly" and, of course, the onClick code is the most important and should not be changed.
Use the form below to test out the use of HTMLDatePicker. To demonstrate ranges, the first 7 days of next month are highlighted.
Please select a date:
Check out the download page: Here
Check out the support area: Here
You can e-mail me at: jasondpowell at