https://legacy.forums.gravityhelp.com/topic/add-datepicker-or-datepicker-classes-to-a-list-field Gravity Support Forums Topic: Add datepicker or datepicker classes to a list field en-US Sun, 19 Apr 2026 20:26:35 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/add-datepicker-or-datepicker-classes-to-a-list-field#post-183083 Sun, 24 Mar 2013 15:22:54 +0000 Chris Hajer 183083@https://legacy.forums.gravityhelp.com/ <p>This functionality is not included in Gravity Forms at this time and we can't support modifications to the core files. Please be sure to keep track of your edits so they are maintained after updating Gravity Forms. </p> https://legacy.forums.gravityhelp.com/topic/add-datepicker-or-datepicker-classes-to-a-list-field#post-180143 Thu, 21 Mar 2013 21:59:21 +0000 ccernoch 180143@https://legacy.forums.gravityhelp.com/ <p>Hi Collectiv,</p> <p>It's been a while back since I did this, but what I ended up doing was adding a script like this:<br /> <pre><code>jQuery(document).ready(function($) { $(&#39;.gfield_list_51_cell1 input&#39;).addClass(&#39;datepicker mdy&#39;); $.aop.after( {target: window, method: &#39;gformAddListItem&#39;}, function(result) { //Destroy the previous datepicker classes that were mucking this up $(&#39;.datepicker&#39;).removeClass(&#39;hasDatepicker&#39;); $(&#39;.datepicker&#39;).datepicker(&#39;destroy&#39;); //Call the datepicker function to re-add date pickers gformInitDatepicker(); return result; } ); });</code></pre> <p>That bit of code relies on aop.min.js, which you can find here: <a href="https://code.google.com/p/jquery-aop/source/browse/bin/aop.min.js?r=d1052368b0769afe20f6b09bdc371acf6f2246a6" rel="nofollow">https://code.google.com/p/jquery-aop/source/browse/bin/aop.min.js?r=d1052368b0769afe20f6b09bdc371acf6f2246a6</a></p> <p>And I edited the gravityforms.js file at line 563 -- this is an old version now, but it is inside the gformAddListItem function:</p> <pre><code>var new_id; var randomNum; clone.find(&quot;.datepicker&quot;).each( function() { randomNum = Math.floor(Math.random()*11); new_id = new Date().getTime() + randomNum; jQuery(this).attr(&quot;id&quot;, new_id); } );</code></pre> <p>If this doesn't work for you it might be out of date, but let me know and I'll try to help! I know it took me some time to get it working so hopefully this will help you out. You'll have to be careful when updating your GF version to put the edits back in. </p> https://legacy.forums.gravityhelp.com/topic/add-datepicker-or-datepicker-classes-to-a-list-field#post-179779 Thu, 21 Mar 2013 15:05:26 +0000 Collectiv 179779@https://legacy.forums.gravityhelp.com/ <p>Same question here?<br /> <pre><code>add_filter(&#39;gform_column_input_6_3_4&#39;,&#39;gform6_set_column_date_picker&#39;); function gform6_set_column_date_picker(){ return array(&quot;type&quot; =&gt; &quot;date&quot;); }</code></pre> https://legacy.forums.gravityhelp.com/topic/add-datepicker-or-datepicker-classes-to-a-list-field#post-60619 Tue, 29 May 2012 10:31:07 +0000 ccernoch 60619@https://legacy.forums.gravityhelp.com/ <p>I have a list field that I would like to include dates in. I was hoping there is a way though using some of the available filters to add the necessary classes to get a datepicker to show up, but I can't figure out how to target my specific field using gform_field_css_class and recreating the input using gform_field_input for a list type seems daunting. Is there a good way to go about this? </p>