https://legacy.forums.gravityhelp.com/topic/jquery-datepicker-no-weekends Gravity Support Forums Topic: jQuery DatePicker No Weekends en-US Mon, 20 Apr 2026 04:51:54 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/jquery-datepicker-no-weekends#post-92198 Sat, 17 Nov 2012 01:52:51 +0000 Chris Hajer 92198@https://legacy.forums.gravityhelp.com/ <p>Thank you for sharing your solution. </p> https://legacy.forums.gravityhelp.com/topic/jquery-datepicker-no-weekends#post-91132 Wed, 14 Nov 2012 13:09:08 +0000 randomtype 91132@https://legacy.forums.gravityhelp.com/ <p>I've had a similar need but rather than destroy the existing datepicker bindings I found you can add options to input elements after they've been initialized with a datepicker by adding an option to it on the load event of the window object rather than the ready event of the document object like most people do. Also, I only wanted to block out sundays in my case but my code can be generalized for blocking any day of the week on a recurring basis:</p> <pre><code>&lt;script type=&quot;text/javascript&quot;&gt; function noSundaysOrSaturdays(date) { var weekday=new Array(7); weekday[0]=&quot;Sunday&quot;; weekday[1]=&quot;Monday&quot;; weekday[2]=&quot;Tuesday&quot;; weekday[3]=&quot;Wednesday&quot;; weekday[4]=&quot;Thursday&quot;; weekday[5]=&quot;Friday&quot;; weekday[6]=&quot;Saturday&quot;; //console.log(weekday[date.getDay()]); if(weekday[date.getDay()] == &#39;Sunday&#39;) { return [false, &#39;&#39;, &#39;Not open on Sundays&#39;]; }else if(weekday[date.getDay()] == &#39;Saturday&#39;) { return [false, &#39;&#39;, &#39;Not open on Saturdays&#39;]; } return [true]; } jQuery(window).load(function(){ jQuery(&#39;.hasDatepicker&#39;).datepicker(&#39;option&#39;, &#39;beforeShowDay&#39;, noSundays); }); &lt;/script&gt;</code></pre> https://legacy.forums.gravityhelp.com/topic/jquery-datepicker-no-weekends#post-82679 Mon, 22 Oct 2012 12:55:10 +0000 Kevin Flahaut 82679@https://legacy.forums.gravityhelp.com/ <p>The date picker is the default jQuery UI datepicker. Documentation for that can be found here <a href="http://jqueryui.com/datepicker/" rel="nofollow">http://jqueryui.com/datepicker/</a></p> <p>You can include some jQuery settings in your template page to limit the date range, etc. That should be all you need to do. Examples are provided at that URL. </p> https://legacy.forums.gravityhelp.com/topic/jquery-datepicker-no-weekends#post-82678 Mon, 22 Oct 2012 12:52:30 +0000 Ian Rogers 82678@https://legacy.forums.gravityhelp.com/ <p>I have used the gform_post_render function to create a custom datepicker using the minDate option for selection of 1 day in advance: </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> <p>Is there a way that I can exclude weekends? I only want the user to be able to select weekdays with one day ahead. I have tried using the <code>beforeShowDay: $.datepicker.noWeekends</code> but that seems to conflict with <code>minDate</code></p> <p>Here is my form: <a href="http://www.discountdumpsters.com/shop/30-yard-dumpster/" rel="nofollow">http://www.discountdumpsters.com/shop/30-yard-dumpster/</a></p> <p>And here is my code:</p> <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_1&quot;).datepicker(&#39;destroy&#39;); // create new custom datepicker jQuery(&quot;#input_1_1&quot;).datepicker({ defaultDate: &#39;+1d&#39;, minDate: &#39;+1d&#39;, gotoCurrent: true, prevText: &#39;&#39;, showOn: &#39;both&#39;, buttonImage: &#39;http://www.discountdumpsters.com/wp-content/plugins/gravityforms/images/calendar.png&#39;, buttonImageOnly: true }); }); &lt;/script&gt;</code></pre> <p>Any help would be appreciated...thanks! </p>