HTML Date Picker
To include htmlDatePicker into your own web page form, perform the following steps:
- Copy the files htmlDatePicker.css and htmlDatePicker.js into your project's directory.
- In the <head> portion of your HTML page, place the following code:
<link href="datepicker.css" rel="stylesheet" />
- 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.
Check out the download page: Here
Check out the support area: Here