https://legacy.forums.gravityhelp.com/topic/limit-value-of-dropdown-based-on-dayoftheweek-selected-from-datepicker Gravity Support Forums Topic: Limit Value of Dropdown based on DayOfTheWeek selected from DatePicker en-US Mon, 20 Apr 2026 03:27:27 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/limit-value-of-dropdown-based-on-dayoftheweek-selected-from-datepicker#post-105506 Fri, 21 Dec 2012 18:09:12 +0000 Chris Hajer 105506@https://legacy.forums.gravityhelp.com/ <p>Thank you for posting your solution. </p> https://legacy.forums.gravityhelp.com/topic/limit-value-of-dropdown-based-on-dayoftheweek-selected-from-datepicker#post-105329 Fri, 21 Dec 2012 07:10:15 +0000 rdeguzman 105329@https://legacy.forums.gravityhelp.com/ <p>Figured it out at the end using a bit of Jquery, JS and OOTB functionality from Gravity Forms.</p> <p>Created another field called Day Of The Week, but made it readonly prior to setting the value and post setting the value of the input field.</p> <p>Day Of The Week is then filled in based on selected date. See below.</p> <blockquote><p> // Array for the name of the Weekday<br /> var weekday=new Array(7);<br /> weekday[0]="Sunday";<br /> weekday[1]="Monday";<br /> weekday[2]="Tuesday";<br /> weekday[3]="Wednesday";<br /> weekday[4]="Thursday";<br /> weekday[5]="Friday";<br /> weekday[6]="Saturday";</p> <p> // set Day Of The Week field to readonly prior to picking a date<br /> jQuery("#input_1_18").attr("readonly", true);</p> <p> // On select of a date in datepicker move value to Day Of The Week<br /> jQuery("#input_1_7").change(function(){</p> <p> var date = jQuery("#input_1_7").datepicker('getDate');<br /> var dayOfWeek = weekday[date.getUTCDay()];</p> <p> // Make Day Of The Week editable<br /> jQuery("#input_1_18").attr("readonly", false);<br /> // Set Day Of The Week but emulate keyup<br /> jQuery("#input_1_18").val(dayOfWeek).keyup();<br /> // Make Day Of The Week readonly again so users cant change it<br /> jQuery("#input_1_18").attr("readonly", true);</p> <p> }); </p></blockquote> <p>I just used the OOTB gravity forms functionality to then show the required Appointment Time dropdown list based on value of Day Of The Week (Mon-Thu vs Fri-Sat). The trick is to emulate a user entering the Day Of The Week, otherwise, Gravity Forms won't trigger the condition. Hence, added .keyup after setting the field value and Voila! It works great!</p> <p>Might be an easier way and more efficient way of doing this, but ho-hum. </p> https://legacy.forums.gravityhelp.com/topic/limit-value-of-dropdown-based-on-dayoftheweek-selected-from-datepicker#post-105118 Thu, 20 Dec 2012 18:30:47 +0000 rdeguzman 105118@https://legacy.forums.gravityhelp.com/ <p>Hi All.</p> <p>So have been playing with DatePicker and have managed to make "Requested Appointment Date" to now only allow Monday to Saturday as selectable days.</p> <p>See here: <a href="http://marymebridal.com/appointments/" rel="nofollow">http://marymebridal.com/appointments/</a></p> <p>What I want to do next is based on the DayOfTheWeek of the selected date from the "Requested Appointment Date", I want to be able to then restrict the list values of the dropdown for "Requested Appointment Time".</p> <p>I have two sets of time based on Mon-Thu and Fri-Sat. So depending on the DOTW of the selected date, I want to be able to only show the relevant time slots.</p> <p>Any ideas on how I can easily achieve this? or at least point me in the right direction? Been looking at pre_render and post_render but no luck.</p> <p>Thanks in advance for any feedback and assistance. </p>