Gravity Support Forums Topic: Date picker +1

Gravity Support Forums Topic: Date picker +1 https://legacy.forums.gravityhelp.com/topic/date-picker-1 Gravity Support Forums Topic: Date picker +1 en-US Wed, 15 Apr 2026 01:19:26 +0000 http://bbpress.org/?v=1.0.1 <![CDATA[Search]]> q https://legacy.forums.gravityhelp.com/search.php Chris Hajer on "Date picker +1" https://legacy.forums.gravityhelp.com/topic/date-picker-1#post-160503 Tue, 05 Mar 2013 01:12:54 +0000 Chris Hajer 160503@https://legacy.forums.gravityhelp.com/ Thank you Richard. Richard Vav on "Date picker +1" https://legacy.forums.gravityhelp.com/topic/date-picker-1#post-159232 Sun, 03 Mar 2013 08:20:20 +0000 Richard Vav 159232@https://legacy.forums.gravityhelp.com/ You're welcome demango25 on "Date picker +1" https://legacy.forums.gravityhelp.com/topic/date-picker-1#post-159221 Sun, 03 Mar 2013 07:39:31 +0000 demango25 159221@https://legacy.forums.gravityhelp.com/ It works! Thanks :) Richard Vav on "Date picker +1" https://legacy.forums.gravityhelp.com/topic/date-picker-1#post-159220 Sun, 03 Mar 2013 07:31:52 +0000 Richard Vav 159220@https://legacy.forums.gravityhelp.com/ I just realised the reason the icon wasn't appearing was because it wasn't being initialised by the script you posted above. <pre><code>$( "#input_1_3" ).datepicker({ minDate: +2, showOn: 'both', buttonImage: '/wp-content/plugins/gravityforms/images/calendar.png', buttonImageOnly: true });</code></pre> demango25 on "Date picker +1" https://legacy.forums.gravityhelp.com/topic/date-picker-1#post-159217 Sun, 03 Mar 2013 07:14:13 +0000 demango25 159217@https://legacy.forums.gravityhelp.com/ Yeah, sorry, messed around with it & turned the Icon off as i've put my own image above the field. The icon option is now turned on again and not showing (tho I don't need it anymore :)) Richard Vav on "Date picker +1" https://legacy.forums.gravityhelp.com/topic/date-picker-1#post-159209 Sun, 03 Mar 2013 06:01:25 +0000 Richard Vav 159209@https://legacy.forums.gravityhelp.com/ @demango25 this is the html source for your date picker, as you can see it has a class of datepicker_no_icon <pre><code><input name="input_3" id="input_1_3" type="text" value="Click to Pick a Date" class="datepicker medium mdy datepicker_no_icon hasDatepicker" tabindex="1"></code></pre> That class is only added if the no icon radio button on the date field is selected, the other two options are to use the calendar icon or use a custom image. @Chris the script tags type attribute was actually made optional in HTML5 demango25 on "Date picker +1" https://legacy.forums.gravityhelp.com/topic/date-picker-1#post-159087 Sat, 02 Mar 2013 21:30:34 +0000 demango25 159087@https://legacy.forums.gravityhelp.com/ Found a semi-solution. 1. check the source code of the page where the form is on and go to the code describing the date section, there you'll see an id inside the input tag (eg input_1_3) 2. change the code to paste in the header replacing #datepicker with your id In my case <pre><code><script type="text/javascript"> jQuery(document).ready(function($) { $( "#input_1_3" ).datepicker({ minDate: +2 }); }); </script></code></pre> The only problem I have now is that the calender icon disappeared... demango25 on "Date picker +1" https://legacy.forums.gravityhelp.com/topic/date-picker-1#post-159085 Sat, 02 Mar 2013 21:12:38 +0000 demango25 159085@https://legacy.forums.gravityhelp.com/ I would love to know the solution too! This is what I've added to my header but it's not working. url : <a href="http://ordanga.mangomatter.com/book-online/" rel="nofollow">http://ordanga.mangomatter.com/book-online/</a> <pre><code><script type="text/javascript"> jQuery(document).ready(function($) { $( "#datepicker" ).datepicker({ minDate: +2 }); }); </script></code></pre> Chris Hajer on "Date picker +1" https://legacy.forums.gravityhelp.com/topic/date-picker-1#post-152727 Sat, 23 Feb 2013 00:18:38 +0000 Chris Hajer 152727@https://legacy.forums.gravityhelp.com/ Can you post the URL to the page on your site where we can see the code you have added and see why it's not working? I don't think you can use $ like that in WordPress. You will get a "$ in not defined error" normally. The $ in your function should be changed to jQuery. And to be correct, your script line should be: <pre><code>[html] <script type="text/javascript"></code></pre> discernir on "Date picker +1" https://legacy.forums.gravityhelp.com/topic/date-picker-1#post-150960 Wed, 20 Feb 2013 13:50:08 +0000 discernir 150960@https://legacy.forums.gravityhelp.com/ Hi, I have a form with 2 date fields. I have date picker with icon set and I want the option to only be able to select dates anytime in the future except current date. I've checked the other posts.. I think I finally figured out where I'm supposed to paste the code (please confirm) through wordpress, by going to "appearance"- "editor" and then choosing either "header" or my theme has a "customjs.php". I've tried pasting both in header and customjs.php the code I thought was relevant... but its not working. Given I have 2 fields am I supposed to run 2 scripts each one with its own name? What exactly is the script I'm supposed to paste? jquery datepicker I copied this into the header but it didn't work... (I changed -20 to +1 etc.) <pre><code><script> $(function() { $( "#datepicker" ).datepicker({ minDate: -20, maxDate: "+1M +10D" }); }); </script></code></pre> At jquery datepicker I also tried copying all the code they show in "source" and pasting into "customjs.php" but again no effect. Please advise, Thanks, Badi