Date Selector

3. Add to Your Form

To add the calendar driven date selection input field into a form doesn't involve a great deal more HTML than an ordinary input field would. Simply add the following into your form where you want the date input field to appear.

You may of course need to code your input field slightly differently than this (you might want to identify what sort of date it is for example). The only parts of the HTML that you can't change if you want the script to work are the two id fields. The input field that is to be loaded with the date must have an id of calDate and the empty div to hold the calendar must have an id of calendar.