webwoman Gravity Support Forums User Favorites: webwoman en-US Sat, 04 Apr 2026 21:56:22 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/how-to-highlight-current-date-or-future-date-in-jquery-datepicker#post-5627 Thu, 20 May 2010 08:53:29 +0000 Kevin Flahaut 5627@https://legacy.forums.gravityhelp.com/ <p>Ha! Look at you. Very nicely done. Congrats. </p> https://legacy.forums.gravityhelp.com/topic/how-to-highlight-current-date-or-future-date-in-jquery-datepicker#post-5612 Thu, 20 May 2010 00:11:10 +0000 Chris Hajer 5612@https://legacy.forums.gravityhelp.com/ <p>Wow:<br /> <a href="http://www.ilharley.com/about-us/service/service-appointment/" rel="nofollow">http://www.ilharley.com/about-us/service/service-appointment/</a></p> <p>Thanks so much Kevin. </p> https://legacy.forums.gravityhelp.com/topic/how-to-highlight-current-date-or-future-date-in-jquery-datepicker#post-5610 Wed, 19 May 2010 23:50:33 +0000 Chris Hajer 5610@https://legacy.forums.gravityhelp.com/ <p>hmmmm, maybe this:</p> <p><a href="http://stackoverflow.com/questions/501943/can-the-jquery-ui-datepicker-be-made-to-disable-saturdays-and-sundays-and-holida" rel="nofollow">http://stackoverflow.com/questions/501943/can-the-jquery-ui-datepicker-be-made-to-disable-saturdays-and-sundays-and-holida</a></p> <p>Looks like I could use some JQuery to find all instances of th.ui-datepicker-week-end-cell and td.ui-datepicker-week-end-cell and add this class to them (so append this to the content):</p> <p><code>ui-datepicker-unselectable</code></p> <p>I wonder if that makes it LOOK unselectable or actually MAKES it unselectable.</p> <p>Only one way to find out ... </p> https://legacy.forums.gravityhelp.com/topic/how-to-highlight-current-date-or-future-date-in-jquery-datepicker#post-5609 Wed, 19 May 2010 23:48:52 +0000 Chris Hajer 5609@https://legacy.forums.gravityhelp.com/ <p>Holy crap, that's awesome. (Can you say crap on the Internet?) Edit if not...</p> <p>Works great with the +7d thing. That's exactly what I needed. Got the CSS to work as well (probably should have tried to do it "for real" rather than with the Web Developer toolbar, locally.)</p> <p>I read through that options page at the JQuery site, but I can't seem to find something else I am thinking about. Can you exclude certain days of the week? For example, we don't take appointments on Sat and Sun. I wonder if there's a way to exclude those two days from being selectable.</p> <p>I know this is not GF stuff and I really appreciate your help. </p> https://legacy.forums.gravityhelp.com/topic/how-to-highlight-current-date-or-future-date-in-jquery-datepicker#post-5608 Wed, 19 May 2010 23:07:13 +0000 Kevin Flahaut 5608@https://legacy.forums.gravityhelp.com/ <p>cool, actually, I noticed I didn't have my button image any more, and had to re-declare it in these settings.. this is what I ended up with.</p> <pre><code>&lt;script type=&quot;text/javascript&quot;&gt; jQuery.noConflict(); jQuery(document).ready(function($) { $( &quot;#input_1_20&quot; ).datepicker({ defaultDate: &#39;+7d&#39;, minDate: &#39;+7d&#39;, gotoCurrent: true, prevText: &#39;&#39;, showOn: &#39;both&#39;, buttonImage: &#39;/wp-content/plugins/gravityforms/images/calendar.png&#39;, buttonImageOnly: true }); }); &lt;/script&gt;</code></pre> https://legacy.forums.gravityhelp.com/topic/how-to-highlight-current-date-or-future-date-in-jquery-datepicker#post-5607 Wed, 19 May 2010 23:05:12 +0000 Chris Hajer 5607@https://legacy.forums.gravityhelp.com/ <p>Thanks for the first part. I couldn't find that information. That's just what I need.</p> <p>Re: the CSS, I was trying that exact thing but I couldn't get it to work. Maybe caching. I will try again. </p> <p>Thank you for the advice. </p> https://legacy.forums.gravityhelp.com/topic/how-to-highlight-current-date-or-future-date-in-jquery-datepicker#post-5606 Wed, 19 May 2010 22:50:13 +0000 Kevin Flahaut 5606@https://legacy.forums.gravityhelp.com/ <p>Chris, You can find a whole page full of nifty configuration options for the jQuery UI datepicker here.</p> <p><a href="//docs.jquery.com/UI/Datepicker#option-minDate" rel="nofollow">http://docs.jquery.com/UI/Datepicker#option-minDate</a></p> <p>I was able to highlight the current day, set the default date to +7days and make the first selectable day one week ahead as well. I just added the following to my page template.</p> <pre><code>&lt;script type=&quot;text/javascript&quot;&gt; jQuery.noConflict(); jQuery(document).ready(function($) { $( &quot;#input_1_20&quot; ).datepicker({ defaultDate: &#39;+7d&#39;, minDate: &#39;+7d&#39;, gotoCurrent: true }); }); &lt;/script&gt;</code></pre> <p>Of course, replace the input ID with the one from your actual form. I also added the CSS rule to the stylesheet to highlight the current day.</p> <p><code>td.ui-datepicker-today {border:1px solid #f00;}</code></p> <p>You can see my <a href="http://grab.by/grabs/ec52dbe07ebfb0448d35933469a7717f.png" rel="nofollow">test screenshot here</a> The styling is off a bit from another test I was doing, but you can get the idea. </p> https://legacy.forums.gravityhelp.com/topic/how-to-highlight-current-date-or-future-date-in-jquery-datepicker#post-5603 Wed, 19 May 2010 21:07:44 +0000 Chris Hajer 5603@https://legacy.forums.gravityhelp.com/ <p>Here is my form:<br /> <a href="http://www.ilharley.com/about-us/service/service-appointment/" rel="nofollow">http://www.ilharley.com/about-us/service/service-appointment/</a></p> <p>There is one date picker there. I'd be happy if I could highlight the current date with a solid red 1px border.</p> <p>Even better:<br /> <a href="http://bit.ly/cYfewY" rel="nofollow">http://bit.ly/cYfewY</a></p> <p>I think you will have to select a bike from the first drop down, and enter a zip of 60402 for "Test Ride Location" ZIP code.</p> <p>After you do that, the calendar pops up with today styled differently, past dates styled differently and un-selectable, and additionally tomorrow is styled even a little differently, to indicate it too is not available. Then the dates that are available are the next 10 or so days after that.</p> <p>What I would like to do, ideally, is make the next <strong>n</strong> days un-selectable (so, in my application, you cannot make a service appointment in the next 3 days, but in July, maybe we are booked for the next week, so I might change it to 7 days or something).</p> <p>Is that possible to do with JQuery? I'd be happy to just outline in red today's date, but I'd be ecstatic with the ability to make the first selectable date <strong>n</strong> days in the future.</p> <p>Thanks, as always. </p>