https://legacy.forums.gravityhelp.com/topic/where-to-add-datepicker-custom-javascript Gravity Support Forums Topic: Where to add datepicker custom javascript? en-US Tue, 21 Apr 2026 05:52:01 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/where-to-add-datepicker-custom-javascript#post-52959 Tue, 20 Mar 2012 08:52:04 +0000 Rob Harrell 52959@https://legacy.forums.gravityhelp.com/ <p>Awesome, thanks for letting us know. </p> https://legacy.forums.gravityhelp.com/topic/where-to-add-datepicker-custom-javascript#post-52956 Tue, 20 Mar 2012 08:46:30 +0000 Fika 52956@https://legacy.forums.gravityhelp.com/ <p>Actually I was able to get this all working in the end. </p> <p>Thanks </p> https://legacy.forums.gravityhelp.com/topic/where-to-add-datepicker-custom-javascript#post-52664 Fri, 16 Mar 2012 11:16:51 +0000 Fika 52664@https://legacy.forums.gravityhelp.com/ <p>Hi Rob,</p> <p>After figuring out the exact JavaScript I need to use I am getting a conflict (i think) when loading the script globally in the header or footer using the above WP plugin. </p> <p>It would be good if I can do it the way you were suggesting? </p> https://legacy.forums.gravityhelp.com/topic/where-to-add-datepicker-custom-javascript#post-52524 Thu, 15 Mar 2012 08:00:33 +0000 Fika 52524@https://legacy.forums.gravityhelp.com/ <p>Hi Rob,</p> <p>Thanks for the suggestions. I actually found it easier to get a plugin "CSS &amp; JavaScript Toolbox" which allows me to insert code snippets to the templates without mucking around in the code. That also helps me out with theme updates not overiding my changes. </p> <p>Only issue I have left is formatting the date the way I need to . I asked about that here <a href="http://www.gravityhelp.com/forums/topic/how-to-format-date-as-full-dd-d-mm-yy-in-date-picker" rel="nofollow">http://www.gravityhelp.com/forums/topic/how-to-format-date-as-full-dd-d-mm-yy-in-date-picker</a> if you have any suggestions would be great to hear...</p> <p>Cheers</p> <p>Plugin Ref: <a href="http://wordpress.org/extend/plugins/css-javascript-toolbox/" rel="nofollow">http://wordpress.org/extend/plugins/css-javascript-toolbox/</a> </p> https://legacy.forums.gravityhelp.com/topic/where-to-add-datepicker-custom-javascript#post-52516 Thu, 15 Mar 2012 07:09:17 +0000 Rob Harrell 52516@https://legacy.forums.gravityhelp.com/ <p>Well, I would think you could try it a couple of ways. You could make an isolated page template for forms that does just include this script there and there only to avoid it being placed globally.</p> <p>Or you could place it globally in the head or footer - does your theme already have any sort of JS functions file? </p> https://legacy.forums.gravityhelp.com/topic/where-to-add-datepicker-custom-javascript#post-52511 Thu, 15 Mar 2012 05:52:45 +0000 Fika 52511@https://legacy.forums.gravityhelp.com/ <p>Hello,</p> <p>I am trying to customize by datepicker to block national holidays and some other useful dates which I don't want people to be allowed to select. I don't see this functionality in Gravity Forms datepicker so I would like to know where to add my javascript?</p> <p>I have searched the forums and it says put in in your page template. I don't want to get out of my depth by just placing it anywhere. Would you be able to direct me to the template I should be editing to add this code or maybe I can do it directly in gravity forms via some snippet or something?</p> <p>Thanks </p> <p>Code I am trying to add:</p> <pre><code>&lt;script type=&quot;text/javascript&quot;&gt; jQuery.noConflict(); jQuery(document).ready(function($) { $(&quot;.selector&quot;).datepicker({ beforeShowDay: nationalDays}) natDays = [ [1, 26, &#39;au&#39;], [2, 6, &#39;nz&#39;], [3, 17, &#39;ie&#39;], [4, 27, &#39;za&#39;], [5, 25, &#39;ar&#39;], [6, 6, &#39;se&#39;], [7, 4, &#39;us&#39;], [8, 17, &#39;id&#39;], [9, 7, &#39;br&#39;], [10, 1, &#39;cn&#39;], [11, 22, &#39;lb&#39;], [12, 12, &#39;ke&#39;] ]; function nationalDays(date) { for (i = 0; i &lt; natDays.length; i++) { if (date.getMonth() == natDays[i][0] - 1 &amp;&amp; date.getDate() == natDays[i][1]) { return [false, natDays[i][2] + &#39;_day&#39;]; } } return [true, &#39;&#39;]; } }); &lt;/script&gt;</code></pre> <p>Code grabbed from here <a href="http://stackoverflow.com/questions/501943/can-the-jquery-ui-datepicker-be-made-to-disable-saturdays-and-sundays-and-holid" rel="nofollow">http://stackoverflow.com/questions/501943/can-the-jquery-ui-datepicker-be-made-to-disable-saturdays-and-sundays-and-holid</a> </p>