Gravity Support Forums Topic: Disable certain days on date picker

Gravity Support Forums Topic: Disable certain days on date picker https://legacy.forums.gravityhelp.com/topic/disable-certain-days-on-date-picker Gravity Support Forums Topic: Disable certain days on date picker en-US Tue, 07 Apr 2026 05:00:20 +0000 http://bbpress.org/?v=1.0.1 <![CDATA[Search]]> q https://legacy.forums.gravityhelp.com/search.php Carl Hancock on "Disable certain days on date picker" https://legacy.forums.gravityhelp.com/topic/disable-certain-days-on-date-picker#post-30394 Tue, 19 Jul 2011 10:23:02 +0000 Carl Hancock 30394@https://legacy.forums.gravityhelp.com/ Nice, thanks for posting the solution for other users! Deltahorse on "Disable certain days on date picker" https://legacy.forums.gravityhelp.com/topic/disable-certain-days-on-date-picker#post-30372 Mon, 18 Jul 2011 23:29:30 +0000 Deltahorse 30372@https://legacy.forums.gravityhelp.com/ I went ahead and solved the issue and thought I'd post the code here in case anyone else needed it (I also included the php code which isolates the javascript to just the page I need): <?php if (is_page('reservations') ) { ?>  <script type="text/javascript"> jQuery.noConflict(); jQuery(document).ready(function($) { $( "#input_1_5" ).datepicker({ defaultDate: '+1d', minDate: '+1d', gotoCurrent: true, prevText: '', showOn: 'both', buttonImage: '/wp_test/wp-content/plugins/gravityforms/images/calendar.png', buttonImageOnly: true, dateFormat: 'D dd/mm/yy', beforeShow: customRange }); $( "#input_1_7" ).datepicker({ prevText: '', showOn: 'both', buttonImage: '/wp_test/wp-content/plugins/gravityforms/images/calendar.png', buttonImageOnly: true, dateFormat: 'D dd/mm/yy', beforeShow: customRange }); }); function customRange(input) { if (input.id == 'input_1_7') { return { minDate: jQuery('#input_1_5').datepicker("getDate") }; } else if (input.id == 'input_1_5') { return { maxDate: jQuery('#input_1_7').datepicker("getDate") }; } } </script> <?php } ?> There's probably a more elegant way to go about this, but it seems to work just fine. I hope someone finds this useful. I got the code snippet from the following link: <a href="http://jsbin.com/evudo/26/edit" rel="nofollow">http://jsbin.com/evudo/26/edit</a> Cheers. Deltahorse on "Disable certain days on date picker" https://legacy.forums.gravityhelp.com/topic/disable-certain-days-on-date-picker#post-30320 Mon, 18 Jul 2011 15:21:11 +0000 Deltahorse 30320@https://legacy.forums.gravityhelp.com/ Thanks for your reply Carl, I figured I'd have to do a bit of custom jQuery and like you I wasn't able to find any example code online that does this. I'll keep looking, but I appreciate your response, and if there are any other members that could possibly point me in the right direction I'd appreciate that a great deal. Cheers. Carl Hancock on "Disable certain days on date picker" https://legacy.forums.gravityhelp.com/topic/disable-certain-days-on-date-picker#post-30316 Mon, 18 Jul 2011 15:15:36 +0000 Carl Hancock 30316@https://legacy.forums.gravityhelp.com/ This isn't currently a built in feature, although we do plan on enhancing the Date field in the future to incorporate a Range feature that will show 2 fields instead of 1. But the only way to do what you described would be through the use of custom jQuery to validate what was entered and make sure the 2nd date was after the 1st. I'm not aware of any code snippets that could be provided to help with this as I haven't seen it done before. Deltahorse on "Disable certain days on date picker" https://legacy.forums.gravityhelp.com/topic/disable-certain-days-on-date-picker#post-30178 Sat, 16 Jul 2011 12:30:08 +0000 Deltahorse 30178@https://legacy.forums.gravityhelp.com/ I hate to be a thread bumper, but rather than starting a new one (because this answers part of my question), I'd like to know how I could disable a day (and all days prior) that was selected in the first of 2 Datepickers in the latter one. Here's the form I've got so far to illustrate: <a href="http://www.autoseason.com/wp_test/reservations" rel="nofollow">http://www.autoseason.com/wp_test/reservations</a> Cheers, this is my first post and I just want to mention that GravityForms is the best plugin of its kind I've found, well done guys. Alex on "Disable certain days on date picker" https://legacy.forums.gravityhelp.com/topic/disable-certain-days-on-date-picker#post-10880 Thu, 07 Oct 2010 07:36:06 +0000 Alex 10880@https://legacy.forums.gravityhelp.com/ SOLVED! here's the code just in case anyone wants to use it. The following selects the current day, disables any day before today and disables Sunday as an option. The date format is, for example, Thu 07/10/10 for today: <code> <script type="text/javascript"> jQuery.noConflict(); jQuery(document).ready(function($) { $( "#input_1_26" ).datepicker({ defaultDate: '0d', minDate: '0d', gotoCurrent: true, prevText: '', showOn: 'both', buttonImage: '/info/wp-content/plugins/gravityforms/images/calendar.png', buttonImageOnly: true, dateFormat: 'D dd/mm/yy', beforeShowDay: function(date){if (date.getDay() == 0){return [false,''];} else {return [true, ''];}}}); }); </script> </code> Alex on "Disable certain days on date picker" https://legacy.forums.gravityhelp.com/topic/disable-certain-days-on-date-picker#post-10842 Wed, 06 Oct 2010 08:02:16 +0000 Alex 10842@https://legacy.forums.gravityhelp.com/ ok. i've sorted some of it out, to an extent. i input the code again to load before the datepicker and not after it (it worked beforehand): <pre><code><script type="text/javascript"> jQuery.noConflict(); jQuery(document).ready(function($) { $( "#input_1_26" ).datepicker({ defaultDate: '0d', minDate: '0d', gotoCurrent: true, prevText: '', showOn: 'both', buttonImage: '/info/wp-content/plugins/gravityforms/images/calendar.png', buttonImageOnly: true }); }); ); </script></code></pre> However, the dd/mm/yy somehow changes to mm/dd/yy and changes back when it is taken out. I'm also having difficulty implementing the noSundays script: <pre><code>$('#noSundays').datepicker( { beforeShowDay: function(date){ if (date.getDay() == 0){ return [false,'']; } else { return [true, '']; } } } );</code></pre> I have changed #noSundays to #input_1_26 too and nothing Kevin Flahaut on "Disable certain days on date picker" https://legacy.forums.gravityhelp.com/topic/disable-certain-days-on-date-picker#post-10607 Thu, 30 Sep 2010 10:36:10 +0000 Kevin Flahaut 10607@https://legacy.forums.gravityhelp.com/ Not sure what you mean that the "previous" date script isn't working. Everything is overwritten during the upgrade and the datepicker UI component hasn't been updated or changed in the recent version. You may have some kind of script conflict with another plugin or may need to manually remove the files from the plugin folder and reinstall via ftp. As mentioned above, the datepicker is the standard version from the jQuery UI library. You'll just have to continue to search for the documentation on how to exclude just Sundays. EDIT: I did find this in a quick search.. I can't confirm that it works but you may want to check it out. <a href="http://www.devcomments.com/DatePicker-restrict-certain-days-at57218.htm" rel="nofollow">http://www.devcomments.com/DatePicker-restrict-certain-days-at57218.htm</a> Alex on "Disable certain days on date picker" https://legacy.forums.gravityhelp.com/topic/disable-certain-days-on-date-picker#post-10605 Thu, 30 Sep 2010 09:00:36 +0000 Alex 10605@https://legacy.forums.gravityhelp.com/ I have found that since upgrading gravityforms the previous date JS is no longer working. what is the solution here? I also never found out how to disable Sunday only!!! Kevin Flahaut on "Disable certain days on date picker" https://legacy.forums.gravityhelp.com/topic/disable-certain-days-on-date-picker#post-7541 Mon, 19 Jul 2010 10:38:10 +0000 Kevin Flahaut 7541@https://legacy.forums.gravityhelp.com/ I wouldn't know without researching more myself. A quick google search turned up a few sites that might be helpful. <a href="http://davidwalsh.name/jquery-datepicker-disable-days" rel="nofollow">http://davidwalsh.name/jquery-datepicker-disable-days</a> <a href="http://jqueryui.com/demos/datepicker/" rel="nofollow">http://jqueryui.com/demos/datepicker/</a> <a href="http://www.aliaspooryorik.com/blog/index.cfm/e/posts.details/post/disable-specific-days-in-a-jquery-ui-datepicker-268" rel="nofollow">http://www.aliaspooryorik.com/blog/index.cfm/e/posts.details/post/disable-specific-days-in-a-jquery-ui-datepicker-268</a>