Gravity Support Forums Topic: How can I remove past years from the date picker?

Gravity Support Forums Topic: How can I remove past years from the date picker? https://legacy.forums.gravityhelp.com/topic/how-can-i-remove-past-years-from-the-date-picker Gravity Support Forums Topic: How can I remove past years from the date picker? en-US Mon, 20 Apr 2026 09:07:51 +0000 http://bbpress.org/?v=1.0.1 <![CDATA[Search]]> q https://legacy.forums.gravityhelp.com/search.php David Peralty on "How can I remove past years from the date picker?" https://legacy.forums.gravityhelp.com/topic/how-can-i-remove-past-years-from-the-date-picker#post-69303 Fri, 03 Aug 2012 11:20:06 +0000 David Peralty 69303@https://legacy.forums.gravityhelp.com/ Can you try changing it to .datepicker instead of .hasDatepicker just out of curiosity? iamthez on "How can I remove past years from the date picker?" https://legacy.forums.gravityhelp.com/topic/how-can-i-remove-past-years-from-the-date-picker#post-69299 Fri, 03 Aug 2012 10:56:56 +0000 iamthez 69299@https://legacy.forums.gravityhelp.com/ I've tried all of these syntax variations, but no luck so far. Thanks for trying, though. Chris Hajer on "How can I remove past years from the date picker?" https://legacy.forums.gravityhelp.com/topic/how-can-i-remove-past-years-from-the-date-picker#post-68709 Tue, 31 Jul 2012 03:05:30 +0000 Chris Hajer 68709@https://legacy.forums.gravityhelp.com/ You have a syntax error in the JavaScript you pasted into the head: <pre><code>Timestamp: 7/31/2012 1:56:26 AM Error: SyntaxError: syntax error Source File: <a href="http://directconnexiontravel.com/?page_id=25" rel="nofollow">http://directconnexiontravel.com/?page_id=25</a> Line: 39, Column: 47 Source Code: $(".hasDatepicker").datepicker({ minDate: 0+ })</code></pre> You will also soon have a "$ is not defined" error because $ is reserved for Prototype in WordPress. Please try this version: <pre><code><script type="text/javascript"> var $j = jQuery.noConflict(); $j(document).ready(function () { $j(".hasDatepicker").datepicker({ minDate: '0' }) }); </script></code></pre> There seems to be lots of conflicting information online of how to format the minDate: <a href="http://stackoverflow.com/questions/1786411/jquery-datepicker-to-prevent-past-date" rel="nofollow">http://stackoverflow.com/questions/1786411/jquery-datepicker-to-prevent-past-date</a> Other variations of this line you can try: <pre><code>[js] $j(".hasDatepicker").datepicker({ minDate: +0 })</code></pre> <pre><code>[js] $j(".hasDatepicker").datepicker({ minDate: 0, })</code></pre> iamthez on "How can I remove past years from the date picker?" https://legacy.forums.gravityhelp.com/topic/how-can-i-remove-past-years-from-the-date-picker#post-68679 Mon, 30 Jul 2012 19:39:47 +0000 iamthez 68679@https://legacy.forums.gravityhelp.com/ Doesn't seem to make any difference for me... David Peralty on "How can I remove past years from the date picker?" https://legacy.forums.gravityhelp.com/topic/how-can-i-remove-past-years-from-the-date-picker#post-68663 Mon, 30 Jul 2012 17:52:10 +0000 David Peralty 68663@https://legacy.forums.gravityhelp.com/ Can you try the following: <pre><code>$(document).ready(function () { $(".hasDatepicker").datepicker({ minDate: 0+ }) });</code></pre> iamthez on "How can I remove past years from the date picker?" https://legacy.forums.gravityhelp.com/topic/how-can-i-remove-past-years-from-the-date-picker#post-68656 Mon, 30 Jul 2012 17:11:55 +0000 iamthez 68656@https://legacy.forums.gravityhelp.com/ I've tried a few things, but none of them seem to work. Can anyone tell me what I'm doing wrong? Example: <a href="http://directconnexiontravel.com/?page_id=25" rel="nofollow">http://directconnexiontravel.com/?page_id=25</a> Kevin Flahaut on "How can I remove past years from the date picker?" https://legacy.forums.gravityhelp.com/topic/how-can-i-remove-past-years-from-the-date-picker#post-68596 Mon, 30 Jul 2012 13:08:29 +0000 Kevin Flahaut 68596@https://legacy.forums.gravityhelp.com/ The datepicker is straight from the jQuery UI library so you can pass parameters in your theme header or script files to modify it. <a href="http://docs.jquery.com/UI/API/1.8/Datepicker" rel="nofollow">http://docs.jquery.com/UI/API/1.8/Datepicker</a> This is probably what you're looking for <a href="http://stackoverflow.com/questions/1786411/jquery-datepicker-to-prevent-past-date" rel="nofollow">http://stackoverflow.com/questions/1786411/jquery-datepicker-to-prevent-past-date</a> <pre><code>$("#datepicker").datepicker({ minDate: 0 });</code></pre> David Peralty on "How can I remove past years from the date picker?" https://legacy.forums.gravityhelp.com/topic/how-can-i-remove-past-years-from-the-date-picker#post-68594 Mon, 30 Jul 2012 13:07:13 +0000 David Peralty 68594@https://legacy.forums.gravityhelp.com/ This is the datepicker that we use: <a href="http://jqueryui.com/demos/datepicker/" rel="nofollow">http://jqueryui.com/demos/datepicker/</a> Over on the right hand side, there are details on how to restrict the dates under Examples. You would want to put your JavaScript code for this in the header.php of your theme. iamthez on "How can I remove past years from the date picker?" https://legacy.forums.gravityhelp.com/topic/how-can-i-remove-past-years-from-the-date-picker#post-68588 Mon, 30 Jul 2012 13:01:22 +0000 iamthez 68588@https://legacy.forums.gravityhelp.com/ My client sells tickets/cruises, that sort of thing. Obviously, she can't sell them for years that have passed... Is there a way to remove past years from the date picker?