https://legacy.forums.gravityhelp.com/topic/help-getting-datepicker-mindate-working-in-wordpress Gravity Support Forums Topic: Help getting datepicker minDate working in WordPress en-US Wed, 08 Apr 2026 11:16:39 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/help-getting-datepicker-mindate-working-in-wordpress#post-77479 Wed, 26 Sep 2012 10:54:24 +0000 redkite 77479@https://legacy.forums.gravityhelp.com/ <p>Thank you, I got the email too. </p> https://legacy.forums.gravityhelp.com/topic/help-getting-datepicker-mindate-working-in-wordpress#post-77473 Wed, 26 Sep 2012 10:44:19 +0000 Rob Harrell 77473@https://legacy.forums.gravityhelp.com/ <p>@redkite, we responded to your priority support request, but I wanted to write the response here as well (since you did not get our response the last time):</p> <p>When loading javascript on multi-page forms, you'll want to use the gform_post_render JS hook.<br /> <a href="http://www.gravityhelp.com/documentation/page/Gform_post_render" rel="nofollow">http://www.gravityhelp.com/documentation/page/Gform_post_render</a></p> <p>Code bound to this event will fire every time the form renders to the page. This is good for because it means that when the second page loads, your datepicker script will be initialized on the field.</p> <p>As for the datepicker, here is some code I've did a while back to limit the dates which were selectable on the calendar:</p> <p><a href="http://pastie.org/4800232" rel="nofollow">http://pastie.org/4800232</a></p> <p>Keep in mind, this code is not hooked up for support on mutli-page forms. You'd want want to put this inside the hook I shared above. </p> https://legacy.forums.gravityhelp.com/topic/help-getting-datepicker-mindate-working-in-wordpress#post-77471 Wed, 26 Sep 2012 10:37:04 +0000 bluantinoo 77471@https://legacy.forums.gravityhelp.com/ <p>I have similar issue,<br /> I'm able to load the mindate.js only using a generic wp_enqueue_scripts,<br /> does not load with gform_post_paging</p> <p>unfortunately even if called, my mindate.js does not restrict my dates, not even using a generic .datepicker selector, simple like this:</p> <p><code>$( &#39;.datepicker&#39; ).datepicker({ minDate: +1 });</code> </p> https://legacy.forums.gravityhelp.com/topic/help-getting-datepicker-mindate-working-in-wordpress#post-73446 Fri, 31 Aug 2012 10:37:54 +0000 redkite 73446@https://legacy.forums.gravityhelp.com/ <p>You're right, mindate.js is not being called on either page of this form (#2). This is my code in functions.js:</p> <pre><code>/* Enqueue the date script in the paginated Gravity Form */ add_action(&#39;gform_post_paging&#39;, &#39;enqueue_mindate_script&#39;, 10, 2); function enqueue_mindate_script($form, $is_ajax) { // only add the min date script if we&#39;re on a page with form 2 if( 2 == $form[&#39;id&#39;] ) { // this assumes script is named mindate.js and in the child theme &quot;js&quot; folder. Dependency on jquery wp_enqueue_script(&#39;mindate_script&#39;, get_stylesheet_directory_uri() . &#39;/js/mindate.js&#39;, array(&#39;jquery&#39;)); } }</code></pre> <p>Is something wrong there? /js/mindate.js does exist.</p> <p>As a side note, if I put *this* code in header.php, mindate *is* working correctly in this other form:</p> <pre><code>&lt;script type=&quot;text/javascript&quot;&gt; jQuery.noConflict(); jQuery(document).ready(function($) { $( &quot;#input_4_1&quot; ).datepicker({ minDate: &#39;+2d&#39;, gotoCurrent: true, prevText: &#39;&#39;, showOn: &#39;both&#39;, buttonImage: &#39;/wp-content/plugins/gravityforms/images/calendar.png&#39;, buttonImageOnly: true }); }); &lt;/script&gt;</code></pre> <p>I tried switching input_4_1 to input _2_35 and it still doesn't work on the form where I need it to. </p> https://legacy.forums.gravityhelp.com/topic/help-getting-datepicker-mindate-working-in-wordpress#post-72859 Tue, 28 Aug 2012 01:09:39 +0000 Chris Hajer 72859@https://legacy.forums.gravityhelp.com/ <p>I don't see the mindate.js file included in this page:<br /> <a href="http://www.redkitecreative.com/projects/ace/schedule-an-appointment/" rel="nofollow">http://www.redkitecreative.com/projects/ace/schedule-an-appointment/</a></p> <p>Is that the problem, or is the problem that when it's included it still does not work? </p> https://legacy.forums.gravityhelp.com/topic/help-getting-datepicker-mindate-working-in-wordpress#post-72757 Mon, 27 Aug 2012 11:48:20 +0000 redkite 72757@https://legacy.forums.gravityhelp.com/ <p>Hello? </p> https://legacy.forums.gravityhelp.com/topic/help-getting-datepicker-mindate-working-in-wordpress#post-71970 Tue, 21 Aug 2012 16:14:37 +0000 redkite 71970@https://legacy.forums.gravityhelp.com/ <p>Good news! Something's working - I tried making a new form, and putting this in header.php:<br /> <pre><code>&lt;script type=&quot;text/javascript&quot;&gt; jQuery.noConflict(); jQuery(document).ready(function($) { $( &quot;#input_4_1&quot; ).datepicker({ minDate: &#39;+2d&#39;, gotoCurrent: true, prevText: &#39;&#39;, showOn: &#39;both&#39;, buttonImage: &#39;/wp-content/plugins/gravityforms/images/calendar.png&#39;, buttonImageOnly: true }); }); &lt;/script&gt;</code></pre> <p>THIS is working - it's here: <a href="http://www.redkitecreative.com/projects/ace/faqs/" rel="nofollow">http://www.redkitecreative.com/projects/ace/faqs/</a></p> <p>So is there something wrong with my other form, or my input ID? </p> https://legacy.forums.gravityhelp.com/topic/help-getting-datepicker-mindate-working-in-wordpress#post-71969 Tue, 21 Aug 2012 16:08:24 +0000 redkite 71969@https://legacy.forums.gravityhelp.com/ <p>Arggh... this is still not working. Here's what I did:</p> <p>1) I added this to functions.php:</p> <pre><code>[php] /* Enqueue the date script in the paginated Gravity Form */ add_action(&#39;gform_post_paging&#39;, &#39;enqueue_mindate_script&#39;, 10, 2); function enqueue_mindate_script($form, $is_ajax) { // only add the min date script if we&#39;re on a page with form 2 if( 2 == $form[&#39;id&#39;] ) { // this assumes script is named mindate.js and in the child theme &quot;js&quot; folder. Dependency on jquery wp_enqueue_script(&#39;mindate_script&#39;, get_stylesheet_directory_uri() . &#39;/js/mindate.js&#39;, array(&#39;jquery&#39;)); } }</code></pre> <p>2) I created /js/mindate.js in my child theme with this code:</p> <pre><code>[js] jQuery.noConflict(); jQuery(document).ready(function($) { $( &quot;#input_2_35&quot; ).datepicker({ minDate: &#39;+2d&#39;, gotoCurrent: true, prevText: &#39;&#39;, showOn: &#39;both&#39;, buttonImage: &#39;/wp-content/plugins/gravityforms/images/calendar.png&#39;, buttonImageOnly: true }); });</code></pre> <p>*All* dates are still available in the datepicker. I checked again to make sure the ID was right:<br /> <pre><code>[js] &lt;li id=&#39;field_2_35&#39; class=&#39;gfield&#39; &gt;&lt;label class=&#39;gfield_label&#39; for=&#39;input_2_35&#39;&gt;Please select a preferred date for your appointment.&lt;/label&gt;&lt;div class=&#39;ginput_container&#39;&gt;&lt;input name=&#39;input_35&#39; id=&#39;input_2_35&#39; type=&#39;text&#39; value=&#39;&#39; class=&#39;datepicker medium mdy datepicker_with_icon&#39; tabindex=&#39;29&#39; /&gt; &lt;/div&gt;&lt;input type=&#39;hidden&#39; id=&#39;gforms_calendar_icon_input_2_35&#39; class=&#39;gform_hidden&#39; value=&#39;http://www.redkitecreative.com/projects/ace/wp-content/plugins/gravityforms/images/calendar.png&#39;/&gt;</code></pre> <p>Could I have something wrong in my form settings?</p> <p>Sorry for all the trouble, but if I can't fix this, I have to scrap hours of work and find something else. The client has to be able to restrict dates. </p> https://legacy.forums.gravityhelp.com/topic/help-getting-datepicker-mindate-working-in-wordpress#post-70626 Fri, 10 Aug 2012 17:55:16 +0000 Chris Hajer 70626@https://legacy.forums.gravityhelp.com/ <p>OK, that makes sense. I'm glad they were able to help. You can add that JavaScript code to your header whenever you switch pages by using the gform_post_paging hook:</p> <p><a href="http://www.gravityhelp.com/documentation/page/Gform_post_paging" rel="nofollow">http://www.gravityhelp.com/documentation/page/Gform_post_paging</a></p> <p>With that, you will write a function to enqueue your javascript, which will happen whenever your form changes pages. You have the script to add already, you just need to add it now by hooking your function to the gform_post_paging hook. Do you need help with that? It will look something like this:</p> <pre><code>add_action(&#39;gform_post_paging&#39;, &#39;enqueue_mindate_script&#39;, 10, 2); function enqueue_mindate_script($form, $is_ajax) { // only add the min date script if we&#39;re on a page with form 2 if( 2 == $form[&#39;id&#39;] ) { // this assumes script is named mindate.js and in the child theme &quot;js&quot; folder. Dependency on jquery wp_enqueue_script(&#39;mindate_script&#39;, get_stylesheet_directory_uri() . &#39;/js/mindate.js&#39;, array(&#39;jquery&#39;)); } }</code></pre> <p>Save your JavaScript in a file called <em>mindate.js</em> in a folder called <em>js</em> in your child theme. Remove the open and close &lt; script &gt; tags.</p> <p>mindate.js<br /> <pre><code>[js] jQuery.noConflict(); jQuery(document).ready(function($) { $( &quot;#input_2_35&quot; ).datepicker({ minDate: &#39;+2d&#39;, gotoCurrent: true, prevText: &#39;&#39;, showOn: &#39;both&#39;, buttonImage: &#39;/wp-content/plugins/gravityforms/images/calendar.png&#39;, buttonImageOnly: true }); });</code></pre> <p>I think that might do it. Please give it a try. </p> https://legacy.forums.gravityhelp.com/topic/help-getting-datepicker-mindate-working-in-wordpress#post-70584 Fri, 10 Aug 2012 12:43:37 +0000 redkite 70584@https://legacy.forums.gravityhelp.com/ <p>This is the answer I got from the jQuery UI forum, but I have no idea what it means or how to apply it:</p> <p>"It looks like your page is reloaded between the first and second parts of the form. The first time the datepicker is initialised with minDate (but isn't shown). The second time the datepicker is initialised via the gformInitDatepicker function which doesn't have any minDate set." </p>