https://legacy.forums.gravityhelp.com/topic/customizing-jquery-for-datepicker Gravity Support Forums Topic: Customizing Jquery for Datepicker en-US Mon, 20 Apr 2026 08:25:04 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/customizing-jquery-for-datepicker#post-70560 Fri, 10 Aug 2012 10:52:53 +0000 David Peralty 70560@https://legacy.forums.gravityhelp.com/ <p>No problem. Yeah, classes versus id's is always one of those things that people miss because we don't see the things we don't expect to be wrong. :) I do it all the time. </p> https://legacy.forums.gravityhelp.com/topic/customizing-jquery-for-datepicker#post-70559 Fri, 10 Aug 2012 10:47:47 +0000 ktrusak 70559@https://legacy.forums.gravityhelp.com/ <p>My mistake, I put in the &lt;head&gt; of the primary site instead of the subsite.</p> <p>Okay great! now it is working with the .datepicker suggestion. What a great pickup - a '.' instead of a '#'</p> <p>Thanks for your help </p> https://legacy.forums.gravityhelp.com/topic/customizing-jquery-for-datepicker#post-70555 Fri, 10 Aug 2012 10:31:20 +0000 David Peralty 70555@https://legacy.forums.gravityhelp.com/ <p>I don't see that in the head of the page currently, but the datepicker doesn't have a CSS ID of #datepicker. Try .datepicker and see if that works any better for you as it does have a class of datepicker. </p> https://legacy.forums.gravityhelp.com/topic/customizing-jquery-for-datepicker#post-70548 Fri, 10 Aug 2012 10:12:32 +0000 ktrusak 70548@https://legacy.forums.gravityhelp.com/ <p>Thanks for the reply David</p> <p>I personally cannot be sure about the quality of the code, as I got it from someone on stackoverflow ( <a href="http://stackoverflow.com/questions/2505739/jquery-datepicker-customization" rel="nofollow">http://stackoverflow.com/questions/2505739/jquery-datepicker-customization</a> ) , but I think it is straight from the jquery website so I think it is okay. I tried inserting it in the &lt;head&gt; earlier, but put it in again now so you could see </p> <p>What is in the head right now:<br /> <pre><code>&lt;script&gt; jQuery(document).ready(function($) { $(&quot;#datepicker&quot;).datepicker({ defaultDate: +2, minDate: 0, maxDate: &quot;+1y&quot;, numberOfMonths: 1, showAnim: &#39;fadeIn&#39;, showButtonPanel: true, buttonImageOnly: true, buttonText: &#39;Pick a date&#39;, showOn: &#39;both&#39; }); }); &lt;/script&gt;</code></pre> <p>Here is test page : <a href="http://hookahi.com/example" rel="nofollow">http://hookahi.com/example</a> (click the 'Reserve' Button on the right side then there is a form with the date field) </p> https://legacy.forums.gravityhelp.com/topic/customizing-jquery-for-datepicker#post-70547 Fri, 10 Aug 2012 10:05:27 +0000 David Peralty 70547@https://legacy.forums.gravityhelp.com/ <p>Did you try to just add the JS in your header to see if it would override the settings? Maybe for some reason there is an issue with the customization you came up with? It looks fine to me, but I'm not a JS expert. Also, can you link to your form so we can have a look? </p> https://legacy.forums.gravityhelp.com/topic/customizing-jquery-for-datepicker#post-70545 Fri, 10 Aug 2012 09:51:33 +0000 ktrusak 70545@https://legacy.forums.gravityhelp.com/ <p>Is there a way to override the default datepicker script? I am trying to change the view because I only want future dates, for 1 year only, and only one month not 3. </p> <p>I tried the normal way of enqueue-ing a new #datepicker script in functions and loading a file in my js file, but couldn't get it to work. </p> <p>I saved this as init.js in my js file:<br /> <pre><code>jQuery(document).ready(function($) { /* For all options see <a href="http://jqueryui.com/demos/datepicker/" rel="nofollow">http://jqueryui.com/demos/datepicker/</a> */ $(&quot;#datepicker&quot;).datepicker({ defaultDate: +2, minDate: 0, maxDate: &quot;+1y&quot;, numberOfMonths: 1, showAnim: &#39;fadeIn&#39;, showButtonPanel: true, buttonImageOnly: true, buttonText: &#39;Pick a date&#39;, showOn: &#39;both&#39; }); });</code></pre> <p>and put this in my functions:<br /> <pre><code>add_action(&#39;wp_enqueue_scripts&#39;, &#39;my_add_scripts2&#39;); function my_add_scripts2() { wp_enqueue_script(&#39;init&#39;, get_template_directory_uri() . &#39;/lib/js/init.js&#39;, array(&#39;jquery&#39;)); }</code></pre> <p>But it didn't change anything. </p>