Skip to main content
Known Participant
May 12, 2017 8:08 PM UTC
Question

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

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 is closed to new replies. Start a new post to keep the conversation going.

2 replies

SimonGSWAuthor
Known Participant
May 15, 2017 5:04 PM UTC

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.

Translate
Inspiring
May 13, 2017 7:34 AM UTC

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

Translate