https://legacy.forums.gravityhelp.com/topic/date-picker-validation-in-datefield Gravity Support Forums Topic: Date Picker Validation in datefield en-US Mon, 20 Apr 2026 01:22:51 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/date-picker-validation-in-datefield#post-207218 Fri, 12 Apr 2013 13:31:09 +0000 marcopako 207218@https://legacy.forums.gravityhelp.com/ <p>Working like a charm now :) Thank you very much Chris! </p> https://legacy.forums.gravityhelp.com/topic/date-picker-validation-in-datefield#post-204673 Wed, 10 Apr 2013 23:06:50 +0000 Chris Hajer 204673@https://legacy.forums.gravityhelp.com/ <p>Marco, I used the jQuery UI datepicker which is included with WordPress. I created a JavaScript file named custom-datepicker.js and saved it in my child theme folder, in a subfolder 'js': <a href="http://pastebin.com/ucWRpX6u" rel="nofollow">http://pastebin.com/ucWRpX6u</a></p> <p>Then I included that in my page by using this code in my theme's functions.php: <a href="http://pastebin.com/adtEwvdi" rel="nofollow">http://pastebin.com/adtEwvdi</a></p> <p>You will need to change the form ID from 3 on line 5 of this code <a href="http://pastebin.com/adtEwvdi" rel="nofollow">http://pastebin.com/adtEwvdi</a> , and you will need to change the input ID from input_3_4 on line 5 of this code <a href="http://pastebin.com/ucWRpX6u" rel="nofollow">http://pastebin.com/ucWRpX6u</a> to the ID of the text field where you want to use a datepicker with a custom date format. You will also need to specify your date format on line 9 of the custom-datepicker.js file. If you have trouble, please post a URL so we can take a look. </p> https://legacy.forums.gravityhelp.com/topic/date-picker-validation-in-datefield#post-196899 Thu, 04 Apr 2013 17:54:50 +0000 marcopako 196899@https://legacy.forums.gravityhelp.com/ <p>Hi guys, i get the same error message: "Please enter a valid date in the format (mm/dd/yyyy)", can you please tell what are the specific files i have to download (jQuery UI datepicker widget) and where to put those files?</p> <p>Thanks :) </p> https://legacy.forums.gravityhelp.com/topic/date-picker-validation-in-datefield#post-153039 Sat, 23 Feb 2013 09:53:46 +0000 Chris Hajer 153039@https://legacy.forums.gravityhelp.com/ <p>That's a good way to do it: include the datepicker script with a normal text field rather than a Gravity Form date field. Thank you for posting that solution. </p> https://legacy.forums.gravityhelp.com/topic/date-picker-validation-in-datefield#post-152267 Fri, 22 Feb 2013 08:58:55 +0000 britweb 152267@https://legacy.forums.gravityhelp.com/ <p>Thank you for the code fix, managed to finally get this working with your implementation. Thank you so much! :) </p> https://legacy.forums.gravityhelp.com/topic/date-picker-validation-in-datefield#post-150846 Wed, 20 Feb 2013 08:50:46 +0000 dps 150846@https://legacy.forums.gravityhelp.com/ <p>Update on the script above. To get around the user typing in their own date, try this updated code below. Also, I've allowed the user to clear the field by clicking delete or backspace:</p> <p><a href="http://pastebin.com/24r4i2Wx" rel="nofollow">http://pastebin.com/24r4i2Wx</a> </p> https://legacy.forums.gravityhelp.com/topic/date-picker-validation-in-datefield#post-150833 Wed, 20 Feb 2013 08:18:52 +0000 dps 150833@https://legacy.forums.gravityhelp.com/ <p>Hey Guys, </p> <p>I had this exact same problem (was working on this yesterday). I tried the custom validation hook script, but couldn't get it to work. </p> <p>What I ended up doing was instead of using a datepicker field, just use a normal single text field and apply jQuery UI's datepicker code to it (this will get around the validation issue). You'll need to manually include jQuery UI datepicker widget (41kb in total) and I used this javascript below:</p> <p><a href="http://pastie.org/6237759" rel="nofollow">http://pastie.org/6237759</a><br /> <pre><code>var initDatePicker = function () { $( &quot;#input_2_5&quot; ).datepicker({ minDate: 1, maxDate: &quot;+1m&quot;, dateFormat: &quot;DD, d MM, yy&quot; }); }; jQuery(document).bind(&#39;gform_post_render&#39;, function(){ initDatePicker(); }); initDatePicker();</code></pre> <p>You'll need to update the ID used above to your field's ID. The date won't be validated anymore (besides an empty validation) but you can get away with a custom formatted date. </p> <p>Here's the URL where I've used this:<br /> <a href="http://www.liveca.ca/#book-now" rel="nofollow">http://www.liveca.ca/#book-now</a></p> <p>I'm more of a designer than a developer so if anyone has suggestions or improvements please let me know. </p> https://legacy.forums.gravityhelp.com/topic/date-picker-validation-in-datefield#post-150562 Wed, 20 Feb 2013 00:07:47 +0000 Chris Hajer 150562@https://legacy.forums.gravityhelp.com/ <p>There is currently no way around this without extensive customization. The date format must be one of the ones available in the field editor or the validation will fail. Even if validation is bypassed, the storage of the date will present problems when the entry is retrieved or the notifications are sent, because they all rely on the dates being in one of the defined formats. </p> https://legacy.forums.gravityhelp.com/topic/date-picker-validation-in-datefield#post-150259 Tue, 19 Feb 2013 12:38:05 +0000 Chris Hajer 150259@https://legacy.forums.gravityhelp.com/ <p>I'll ask the development team if there is a work around for the custom date format. </p> https://legacy.forums.gravityhelp.com/topic/date-picker-validation-in-datefield#post-149929 Tue, 19 Feb 2013 05:13:58 +0000 britweb 149929@https://legacy.forums.gravityhelp.com/ <p>Yes when you fill in the form and press submit, the form comes back with the error message</p> <blockquote><p>Please enter a valid date in the format (mm/dd/yyyy).</p></blockquote> <p>The link is <a href="http://tts.britwebtest.co.uk/bangkok-tours/grand-palace-and-main-temples/" rel="nofollow">http://tts.britwebtest.co.uk/bangkok-tours/grand-palace-and-main-temples/</a> </p>