Highlighted

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

Community Beginner ,
May 12, 2017

Copy link to clipboard

Copied

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

Views

1.2K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

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

Community Beginner ,
May 12, 2017

Copy link to clipboard

Copied

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

Views

1.3K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
May 12, 2017 0
Advocate ,
May 13, 2017

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 13, 2017 0
SimonGSW LATEST
Community Beginner ,
May 15, 2017

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 15, 2017 0