Using CFINPUT dateField with onChange

Not a very elegant solution also, but it works

Use an JavaScript onclick event in the cfform tag.

Check if the old value is not the same as the new value and execute your code:

    <cfform name="form1" format="html" skin="haloBlue" style="display:inline;"
     onclick="if(document.getElementById('startdate').value != '' && oldval != document.getElementById('startdate').value)
     {alert('changed')}">

    <cfinput type="dateField" name="startdate" id="startdate"  style="width: 65px" mask="DD.MM.YYYY"  value="#mydate#">

    </cfform>

    <script type="text/javascript">
     var oldval = document.getElementById('startdate').value;

    </script>

regards

rene

This may not be the most elegant solution out there, but it works okay.

====== Javascript Code ======

i = 0;

function doSubmit(caldate) {

i++;

if (i>1) {

window.location = "index.cfm?caldate=" + document.getElementById('caldate').value;

     }

}

=====CFML Code ======

<cfform ... typical code here ....>

<cfinput type="datetime" id="caldate" ...typical code here .... />

<cfajaxproxy bind="javaScript:doSubmit({caldate})">

</cfform>

What this does is fires doSubmit each time the form controls are touched or the value is modified.  When this happens, it will increment i.  You will fire doSubmit twice (once to open the calendar and then once when a date is actually selected).  So you want to fire when i = 2 or when i > 1.