probably the simplest way would be to create a new, add a form to that page with a date picker on it and copy the date picker code to the existing page.
For example, I created a blank form with a date picker element named "Date"
The date picker code that was genereated qwas:
<link type="text/css" href="webassist/forms/fd_newfromblank_default/Datepicker/css/jquery-ui-1.7.1.custom.css" rel="stylesheet" />
<script type="text/javascript" src="webassist/forms/fd_newfromblank_default/Datepicker/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="webassist/forms/fd_newfromblank_default/Datepicker/js/jquery-ui-1.7.1.custom.min.js"></script>
<script type="text/javascript">
$(function(){
$('#Date').datepicker({
changeMonth: true,
changeYear: true,
onClose: closeDatePicker_Date
});
});
function closeDatePicker_Date() {
var tElm = $('#Date');
if (typeof Date_Spry != null && typeof Date_Spry != "undefined") {
Date_Spry.validate();
}
var docElm = document.getElementById("Date");
var tBlur = docElm.getAttribute("onBlur");
if (!tBlur) tBlur = docElm.getAttribute("onblur");
if (!tBlur) tBlur = docElm.getAttribute("ONBLUR");
if (tBlur) {
tBlur = tBlur.replace(/\bthis\b/g, "docElm");
eval(tBlur);
}
}
</script>
I can copy this code to an existing form page and paste it in the head. you will only need to edit the two lines that refer to the Date form elements iD:
$('#Date').datepicker({
and
var docElm = document.getElementById("Date");
and replace that with the id of the form element you want to apply the date picker to.