https://legacy.forums.gravityhelp.com/topic/putting-datepicker-script-in-headerphp-works-but-kills-the-js-slider Gravity Support Forums Topic: Putting datepicker script in header.php works but kills the js slider. en-US Mon, 20 Apr 2026 06:52:45 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/putting-datepicker-script-in-headerphp-works-but-kills-the-js-slider#post-86131 Thu, 01 Nov 2012 08:08:12 +0000 stanvdmaarel 86131@https://legacy.forums.gravityhelp.com/ <p>Thx for your (fast!) support.</p> <p>Works for <a href="http://www.bmwservicespecialist.nl/afspraak-maken/" rel="nofollow">http://www.bmwservicespecialist.nl/afspraak-maken/</a> perfectly.<br /> Made a seperate date_restriction.js in /js an added the '// change the 11 here to your form ID<br /> add_action('gform_enqueue_scripts_1', 'enqueue_date_restriction', 10, 2);<br /> function enqueue_date_restriction($form, $is_ajax) {<br /> // the script to restrict the dates is stored in the child theme /js/ subdirectory, and depends on jQuery<br /> wp_enqueue_script('date_restriction', get_stylesheet_directory_uri() . '/js/date_restriction.js', array('jquery'));<br /> }' in functions.php</p> <p>But.... tried the same solution on <a href="http://www.autobedrijfderooy.nl/afspraak-maken/" rel="nofollow">http://www.autobedrijfderooy.nl/afspraak-maken/</a><br /> and that didn't work (weird....)<br /> The date field is input 21 on form 18.</p> <p>So changed the the form number in date_restriction.js into #input_18_21<br /> and changed the function to '// change the 11 here to your form ID<br /> add_action('gform_enqueue_scripts_18', 'enqueue_date_restriction', 10, 2);<br /> function enqueue_date_restriction($form, $is_ajax) {<br /> // the script to restrict the dates is stored in the child theme /js/ subdirectory, and depends on jQuery<br /> wp_enqueue_script('date_restriction', get_stylesheet_directory_uri() . '/js/date_restriction.js', array('jquery'));<br /> }<br /> '<br /> Somehow the restriction script isn't used on that input (21_18)...</p> <p>Stan </p> https://legacy.forums.gravityhelp.com/topic/putting-datepicker-script-in-headerphp-works-but-kills-the-js-slider#post-85782 Wed, 31 Oct 2012 13:43:32 +0000 Chris Hajer 85782@https://legacy.forums.gravityhelp.com/ <p>On this page:<br /> <a href="http://www.bmwservicespecialist.nl/afspraak-maken/" rel="nofollow">http://www.bmwservicespecialist.nl/afspraak-maken/</a></p> <p>I see the datepicker and the modifications you made to restrict dates. That appears to be working.</p> <p>On this page:<br /> <a href="http://www.bmwservicespecialist.nl/" rel="nofollow">http://www.bmwservicespecialist.nl/</a></p> <p>I see this error:<br /> <pre><code>Timestamp: 10/31/2012 12:36:54 PM Error: TypeError: $.datepicker is undefined Source File: <a href="http://www.bmwservicespecialist.nl/" rel="nofollow">http://www.bmwservicespecialist.nl/</a> Line: 73</code></pre> <p>That's because you're trying to apply jQuery to an element which does not exist in the page. If you want to include the script in the head of the page, you can make it load only on this one page by wrapping the code section in a conditional like </p> <pre><code>[php] &lt;?php if (is_page(2239)) { ?&gt; &lt;script&gt; // jquery to restrict the date range &lt;/script&gt; &lt;?php } ?&gt;</code></pre> <p>That will ensure your jQuery is output only on page 2239. </p> <p>The proper way to do it is as I <a href="http://www.gravityhelp.com/forums/topic/date-picker-excluding-todays-date#post-84682" rel="nofollow">detailed earlier</a>, enqueuing the script whenever the form is called, but you can also conditionally include the script on just this page. If you need the script on another page, you will need to update the conditional. </p> https://legacy.forums.gravityhelp.com/topic/putting-datepicker-script-in-headerphp-works-but-kills-the-js-slider#post-85773 Wed, 31 Oct 2012 13:16:53 +0000 stanvdmaarel 85773@https://legacy.forums.gravityhelp.com/ <p>Its on 'http://www.bmwservicespecialist.nl/' Don't be scared... its in Dutch<br /> The (working) datepicker is located on <a href="http://www.bmwservicespecialist.nl/afspraak-maken/" rel="nofollow">http://www.bmwservicespecialist.nl/afspraak-maken/</a> on the bottom ("voorkeurs datum", meaning "preferred date") </p> https://legacy.forums.gravityhelp.com/topic/putting-datepicker-script-in-headerphp-works-but-kills-the-js-slider#post-85756 Wed, 31 Oct 2012 12:56:09 +0000 Chris Hajer 85756@https://legacy.forums.gravityhelp.com/ <p>Please post a link to the page on your site where the form is embedded so we can take a look. Thank you. </p> https://legacy.forums.gravityhelp.com/topic/putting-datepicker-script-in-headerphp-works-but-kills-the-js-slider#post-85749 Wed, 31 Oct 2012 12:25:50 +0000 stanvdmaarel 85749@https://legacy.forums.gravityhelp.com/ <p>Can't get the datepicker script working AND keeping the slider it to work properly. Putting the the script in the header.php does the filtering of the dates in the datepicker. So the<br /> '<br /> &lt;script type="text/javascript"&gt;<br /> jQuery.noConflict();<br /> jQuery(document).ready(function($) {</p> <p>$( "#input_1_68" ).datepicker({ defaultDate: '+3d', minDate: '+3d', beforeShowDay: $.datepicker.noWeekends ,gotoCurrent: true, prevText: '', showOn: 'both', buttonImage: '/wp-content/plugins/gravityforms/images/calendar.png', buttonImageOnly: true });<br /> });<br /> &lt;/script&gt;' seems right.<br /> BUT.... then the js slider on the homepage doesn't appear anymore. Removing the script brings back the slider, but more more date exclusions... The same issue on multiple themes. Been trying for a over a day now to get it working. The Jquery page is great, if you know already js and how to implement it. </p> <p>Guess some conflicting js... </p>