Skip to main content
Known Participant
May 12, 2017
Question

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

  • May 12, 2017
  • 2 replies
  • 1503 views

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

This topic has been closed for replies.

2 replies

SimonGSWAuthor
Known Participant
May 15, 2017

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.

Inspiring
May 13, 2017

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