A waste of time! Datepicker.

Hi

I've built a perfectly reasonable, working form that has two dynamic menu elements, which inserted into the database properly.

All I want to do is add the 'datepicker' to one of the fields.
Result:
1) The css for the form builder throws my form all over the place
2) The page doesn't open - points me to the dynamic drop-downs (wanting to preselect a value, even though it's an insert form so there won't be a vaule.
3) Correct this so the page opens - only it isn't corrected, as the dropdowns now only show the first item in the list.

I have been through this about 5 times now - always with the same reult. I'm sure I'm following the instructions, but am obviously doing something wrong.

All I want to do is add datepicker to a form element!! Is there an easier way, without ruining the rest of the form.

Thanks

Frustrated and now going bald through tearing out hair,

Chris

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.

Thanks Jason, I'll try this.

However, I'm using CS4 and remembered I still had the ADDT extensions (which I'm trying to wean myself off). I achieved the job within about 30 seconds - surely the thing Web Assist should be aiming for!

Cheers

Chris