SourceForge.net LogoHTML Date Picker


Description | Use | Testing | Download | Support | Contact
Description
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.
Use
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.
Testing

Warning: date(): It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected the timezone 'UTC' for now, but please set date.timezone to select your timezone. in /home/project-web/htmldatepicker/htdocs/index.php on line 51

Warning: date(): It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected the timezone 'UTC' for now, but please set date.timezone to select your timezone. in /home/project-web/htmldatepicker/htdocs/index.php on line 51

Warning: mktime(): It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected the timezone 'UTC' for now, but please set date.timezone to select your timezone. in /home/project-web/htmldatepicker/htdocs/index.php on line 51

Warning: date(): It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected the timezone 'UTC' for now, but please set date.timezone to select your timezone. in /home/project-web/htmldatepicker/htdocs/index.php on line 52

Warning: date(): It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected the timezone 'UTC' for now, but please set date.timezone to select your timezone. in /home/project-web/htmldatepicker/htdocs/index.php on line 52

Warning: mktime(): It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected the timezone 'UTC' for now, but please set date.timezone to select your timezone. in /home/project-web/htmldatepicker/htdocs/index.php on line 52
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:
Download
Check out the download page: Here
Support
Check out the support area: Here
Contact
You can e-mail me at: jasondpowell at users.sourceforge.net