https://legacy.forums.gravityhelp.com/topic/how-to-modify-datepicker-settings Gravity Support Forums Topic: How to modify datepicker settings? en-US Sat, 04 Apr 2026 12:42:23 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/how-to-modify-datepicker-settings#post-67111 Thu, 19 Jul 2012 16:12:35 +0000 bozzmedia 67111@https://legacy.forums.gravityhelp.com/ <p>Thank you, David! </p> https://legacy.forums.gravityhelp.com/topic/how-to-modify-datepicker-settings#post-67107 Thu, 19 Jul 2012 15:58:07 +0000 David Peralty 67107@https://legacy.forums.gravityhelp.com/ <p>Here is a great article we have on where code goes:<br /> <a href="http://www.gravityhelp.com/documentation/page/Where_Do_I_Put_This_Code%3F" rel="nofollow">http://www.gravityhelp.com/documentation/page/Where_Do_I_Put_This_Code%3F</a></p> <p>Also, make sure your date picker has a ff-date class. </p> https://legacy.forums.gravityhelp.com/topic/how-to-modify-datepicker-settings#post-67104 Thu, 19 Jul 2012 15:55:51 +0000 bozzmedia 67104@https://legacy.forums.gravityhelp.com/ <p>Thanks for sharing +1. I'm trying to implement this but having trouble figuring out where to place it. I've put the following in my header.php:</p> <pre><code>&lt;script type=&quot;text/javascript&quot;&gt; // Only allow future dates via the calendar for date fields found on forms. if ($(&#39;.ff-date input&#39;).length) { $(&#39;.ff-date input&#39;).datepicker(&quot;option&quot;, &quot;minDate&quot;, &quot;+0&quot;).datepicker(&quot;refresh&quot;); } &lt;/script&gt;</code></pre> <p>Should I do this in functions.php instead? Would really appreciate some direction on this, thank you! </p> https://legacy.forums.gravityhelp.com/topic/how-to-modify-datepicker-settings#post-53237 Thu, 22 Mar 2012 20:32:46 +0000 Rob Harrell 53237@https://legacy.forums.gravityhelp.com/ <p>Thanks for posting your solution. </p> https://legacy.forums.gravityhelp.com/topic/how-to-modify-datepicker-settings#post-53197 Thu, 22 Mar 2012 13:17:08 +0000 uvalib 53197@https://legacy.forums.gravityhelp.com/ <p>I finally came up with a solution that uses the UI datepicker methods to update the setting and then refresh the object. I don't think I could reference the datepicker class because it was being added on the fly as well. This will work nicely across multiple forms.</p> <pre><code>// Only allow future dates via the calendar for date fields found on forms. if ($(&#39;.ff-date input&#39;).length) { $(&#39;.ff-date input&#39;).datepicker(&quot;option&quot;, &quot;minDate&quot;, &quot;+0&quot;).datepicker(&quot;refresh&quot;); }</code></pre> https://legacy.forums.gravityhelp.com/topic/how-to-modify-datepicker-settings#post-53091 Wed, 21 Mar 2012 17:11:53 +0000 uvalib 53091@https://legacy.forums.gravityhelp.com/ <p>I was using an ID selector to modify each of my date fields on a form in my JavaScript:<br /> <pre><code>if ($(&#39;#input_6_16&#39;).length) { $(&#39;#input_6_16&#39;).datepicker({minDate: &#39;+0&#39;, gotoCurrent: true, prevText: &#39;&#39;, showOn: &#39;both&#39;, buttonImage: &#39;/wordpress/wp-content/plugins/gravityforms/images/calendar.png&#39;, buttonImageOnly: true}); }</code></pre> <p>And I was including the image because I had read in another thread that overriding the picker required including the image again. And this way works great!</p> <p>But this is getting somewhat tedious to have to do for each form and field (6+ forms some with 2+ date fields). I was hoping I could use a class selector instead to modify the UI datepicker for each date on a form:<br /> <pre><code>if ($(&#39;.ff-date input.datepicker&#39;).length) { $(&#39;.ff-date input.datepicker&#39;).datepicker({minDate: &#39;+0&#39;, gotoCurrent: true, prevText: &#39;&#39;, showOn: &#39;both&#39;, buttonImage: &#39;/wordpress/wp-content/plugins/gravityforms/images/calendar.png&#39;, buttonImageOnly: true}); }</code></pre> <p>Then for each date field on a form I add ff-date in the CSS class advanced setting. But this doesn't seem to work at all.</p> <p>Is it not possible to modify a datepicker using class selectors? Do you have to use ID selectors?</p> <p>Thanks </p>