Issue with ColdFusion cfinput type='datefield' in Google Chrome after CF11 update 12

[SimonGSW]

Greetings,

After applying update 12 to CF11 enterprise server, our users reported strange behavior on cfinput   type='datefield' .in Google Chrome. Looks like conflict with Google Chrome type[date] that shows Chrome calendar.

No problem with Firefox or IE.

Would be nice if Adobe support look into that issue.

I checked the page source for cfinput tag type='datefield' in Google Chrome

This is before update 12

	<div  style="float:left;">
	<input name="NewsExpirationDate" id="NewsExpirationDate"  type="datefield" value="04/27/2017" class="datefieldinput DateClass edit"  placeholder="mm/dd/yyyy"  />

     </div><div  id="NewsExpirationDateSystemSetupForm_cf_buttondiv" style="float:left;padding:3px;">

	<img id="NewsExpirationDateSystemSetupForm_cf_button" src="/CFIDE/scripts/ajax/resources/cf/images/DateChooser.png" alt='Date Picker' />

     </div><div  id="NewsExpirationDateSystemSetupForm_cf_container" style="display:none; position:absolute; font-size:12px;overflow:visible;float:left;z-index:9050;top:1.5em;">

     </div>

This is after update 12

	<div  style="float:left;">
	<input name="NewsExpirationDate" id="NewsExpirationDate"  type="date" value="04/27/2017" class="datefieldinput DateClass edit"  placeholder="mm/dd/yyyy"  />

     </div><div  id="NewsExpirationDateSystemSetupForm_cf_buttondiv" style="float:left;padding:3px;">

	<img id="NewsExpirationDateSystemSetupForm_cf_button" src="/CFIDE/scripts/ajax/resources/cf/images/DateChooser.png" alt='Date Picker' />

     </div><div  id="NewsExpirationDateSystemSetupForm_cf_container" style="display:none; position:absolute; font-size:12px;overflow:visible;float:left;z-index:9050;top:1.5em;">

     </div>

After update 12,  type by some reason changed to type="date".

Regards,

Simon

[haxtbh]

Similar bugs have been reported to Adobe already

I would track it here

https://tracker.adobe.com/#/view/CF-4198570

https://tracker.adobe.com/#/view/CF-4198582

[SimonGSW]

Following JQUERY code fixes issue with CF datefield :

<script type="text/javascript">

    $.noConflict();

    jQuery(document).ready(function($){

        $(".datefieldinput").prop("type", "datefield");

    });   

</script>

It is more complicated if you use AJAX to get CFM pages that contains CF datefield.

If no solution provided from Adobe, It is probably better to switch from CF datefield to JQUERY based datepicker.