https://legacy.forums.gravityhelp.com/topic/date-picker-with-page-breaks Gravity Support Forums Topic: Date Picker with Page Breaks en-US Mon, 20 Apr 2026 00:03:57 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/date-picker-with-page-breaks#post-147301 Fri, 15 Feb 2013 13:36:24 +0000 Rob Harrell 147301@https://legacy.forums.gravityhelp.com/ <p>Right on, thanks for posting - glad you got it working! </p> https://legacy.forums.gravityhelp.com/topic/date-picker-with-page-breaks#post-147300 Fri, 15 Feb 2013 13:33:55 +0000 karenalenore 147300@https://legacy.forums.gravityhelp.com/ <p>NEVERMIND! I did not know I needed the destroy function in there but that did it and it works! Thank you for pointing me in the right direction!</p> <p>For others, here is my final code:<br /> <pre><code>&lt;script type=&quot;text/javascript&quot;&gt; jQuery(document).bind(&#39;gform_post_render&#39;, function(){ // destroy default Gravity Form datepicker jQuery(&quot;#input_1_7&quot;).datepicker(&#39;destroy&#39;); jQuery(&quot;#input_1_8&quot;).datepicker(&#39;destroy&#39;); jQuery(&quot;#input_1_39&quot;).datepicker(&#39;destroy&#39;); jQuery( &quot;#input_1_7&quot; ).datepicker({ minDate: &#39;0&#39;, gotoCurrent: true, prevText: &#39;&#39;, showOn: &#39;both&#39;, buttonImage: &#39;/wp-content/plugins/gravityforms/images/calendar.png&#39;, buttonImageOnly: true, beforeShowDay: function(date){ if (date.getDay() == 0){ return [false,&#39;&#39;]; } else { return [true, &#39;&#39;]; }} }); jQuery( &quot;#input_1_8&quot; ).datepicker({ minDate: &#39;0&#39;, gotoCurrent: true, prevText: &#39;&#39;, showOn: &#39;both&#39;, buttonImage: &#39;/wp-content/plugins/gravityforms/images/calendar.png&#39;, buttonImageOnly: true, beforeShowDay: function(date){ if (date.getDay() == 0){ return [false,&#39;&#39;]; } else { return [true, &#39;&#39;]; }} }); jQuery( &quot;#input_1_39&quot; ).datepicker({ minDate: &#39;0&#39;, gotoCurrent: true, prevText: &#39;&#39;, showOn: &#39;both&#39;, buttonImage: &#39;/wp-content/plugins/gravityforms/images/calendar.png&#39;, buttonImageOnly: true, beforeShowDay: function(date){ if (date.getDay() == 0){ return [false,&#39;&#39;]; } else { return [true, &#39;&#39;]; }} }); }); &lt;/script&gt;</code></pre> https://legacy.forums.gravityhelp.com/topic/date-picker-with-page-breaks#post-147297 Fri, 15 Feb 2013 13:10:25 +0000 karenalenore 147297@https://legacy.forums.gravityhelp.com/ <p>Thank you Rob, looking at it I thought that would work but so far it is not. Here is the code I'm using: </p> <pre><code>&lt;script type=&quot;text/javascript&quot;&gt; jQuery(document).bind(&#39;gform_post_render&#39;, function(){ jQuery( &quot;#input_1_7&quot; ).datepicker({ minDate: &#39;0&#39;, gotoCurrent: true, prevText: &#39;&#39;, showOn: &#39;both&#39;, buttonImage: &#39;/wp-content/plugins/gravityforms/images/calendar.png&#39;, buttonImageOnly: true, beforeShowDay: function(date){ if (date.getDay() == 0){ return [false,&#39;&#39;]; } else { return [true, &#39;&#39;]; }} }); jQuery( &quot;#input_1_8&quot; ).datepicker({ minDate: &#39;0&#39;, gotoCurrent: true, prevText: &#39;&#39;, showOn: &#39;both&#39;, buttonImage: &#39;/wp-content/plugins/gravityforms/images/calendar.png&#39;, buttonImageOnly: true, beforeShowDay: function(date){ if (date.getDay() == 0){ return [false,&#39;&#39;]; } else { return [true, &#39;&#39;]; }} }); jQuery( &quot;#input_1_39&quot; ).datepicker({ minDate: &#39;0&#39;, gotoCurrent: true, prevText: &#39;&#39;, showOn: &#39;both&#39;, buttonImage: &#39;/wp-content/plugins/gravityforms/images/calendar.png&#39;, buttonImageOnly: true, beforeShowDay: function(date){ if (date.getDay() == 0){ return [false,&#39;&#39;]; } else { return [true, &#39;&#39;]; }} }); }); &lt;/script&gt;</code></pre> <p>Any thoughts on what I'm doing wrong?! </p> https://legacy.forums.gravityhelp.com/topic/date-picker-with-page-breaks#post-147287 Fri, 15 Feb 2013 12:53:43 +0000 Rob Harrell 147287@https://legacy.forums.gravityhelp.com/ <p>The gform_post_render hook should do the trick for you.</p> <p><a href="http://www.gravityhelp.com/documentation/page/Gform_post_render" rel="nofollow">http://www.gravityhelp.com/documentation/page/Gform_post_render</a> </p> https://legacy.forums.gravityhelp.com/topic/date-picker-with-page-breaks#post-147279 Fri, 15 Feb 2013 12:22:24 +0000 karenalenore 147279@https://legacy.forums.gravityhelp.com/ <p>I have restriction javascript code for the date picker in the header for two datepicker fields. It is working on the first page of a multiple page form only. But if i put the date fields on the second page OR if I hit previous to return to the first page and make revisions, the restriction code is not applied. Is there a way to force that code to apply every time that page loads? I need date fields in other sections of the form, not just the first.</p> <pre><code>&lt;script&gt; jQuery.noConflict(); jQuery(document).ready(function($) { $( &quot;#input_1_7&quot; ).datepicker({ minDate: &#39;0&#39;, gotoCurrent: true, prevText: &#39;&#39;, showOn: &#39;both&#39;, buttonImage: &#39;/wp-content/plugins/gravityforms/images/calendar.png&#39;, buttonImageOnly: true, beforeShowDay: function(date){ if (date.getDay() == 0){ return [false,&#39;&#39;]; } else { return [true, &#39;&#39;]; }} }); }); jQuery(document).ready(function($) { $( &quot;#input_1_8&quot; ).datepicker({ minDate: &#39;0&#39;, gotoCurrent: true, prevText: &#39;&#39;, showOn: &#39;both&#39;, buttonImage: &#39;/wp-content/plugins/gravityforms/images/calendar.png&#39;, buttonImageOnly: true, beforeShowDay: function(date){ if (date.getDay() == 0){ return [false,&#39;&#39;]; } else { return [true, &#39;&#39;]; }} }); }); jQuery(document).ready(function($) { $( &quot;#input_1_39&quot; ).datepicker({ minDate: &#39;0&#39;, gotoCurrent: true, prevText: &#39;&#39;, showOn: &#39;both&#39;, buttonImage: &#39;/wp-content/plugins/gravityforms/images/calendar.png&#39;, buttonImageOnly: true, beforeShowDay: function(date){ if (date.getDay() == 0){ return [false,&#39;&#39;]; } else { return [true, &#39;&#39;]; }} }); }); &lt;/script&gt;</code></pre>