
-
AuthorPosts
-
July 6, 2025 at 9:44 am #1486355
Referring to Post: #1486323
Hello together,
Thank you again for your help.
A) Now a follow-up problem has arisen.If you refresh the reservation site you get the Date picker popup in a big format under the footer.
It will only disappear when you open the date popup and close it.
Alas after refreshing or reopening the side it appears again.B) Now that the range is working, I don’t want past days to be selectable.
For example:
Selectable range: 08.08.2025 – 18.08.2025
Today: 10.08.2025
=> 08.08 and 09.08. can no longer be selected.
?Please help in both points.
Thank you againBTW: Thanks Guenni007 again. great example. I saved it. :-)
July 6, 2025 at 12:16 pm #1486362Hey ORC,
Point A:
The misaligned datepicker in the footer is not from the theme but from jQuery UI, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#ui-datepicker-div { display: none; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeJuly 6, 2025 at 12:28 pm #1486364Hey Mike,
Ponit A: Super, now it works fine. :-)
Thank you.July 6, 2025 at 1:01 pm #1486365Hi,
Now point B, I will need more info.
So we are in July, but you want the datepicker limited to Aug 8 – 18
Is this the only time your festival is available?
The next time can you change the dates in the code? This doesn’t seem based on the current date so if it is only a few times a year it would be best to manually change the date in the code.
As for your concern that when 10.08.2025 arrives 08.08.2025 may still be selected, would someone really pick a past date for their visit?Best regards,
MikeJuly 6, 2025 at 1:11 pm #1486366Hi,
yes the festival is only 2 weeks in august.
Unfortunately there is nothing that doesn’t exist.
So if today were August 10th, then August 8th and 9th should not be eligible.
Thanks for help.July 6, 2025 at 1:38 pm #1486367Hi,
Try adding this code to the end of your child theme functions.php file instead in Appearance ▸ Editor:function my_datepicker_limits() { ?> <script type="text/javascript"> jQuery(document).ready(function($){ setTimeout(function() { var $dateField = $('.avia_datepicker'); if ($dateField.length && $dateField.data('datepicker')) { var today = new Date(); var startDate = new Date(2025, 7, 8); // August 8, 2025 var endDate = new Date(2025, 7, 18); // August 18, 2025 // Use the later of today or startDate var effectiveMinDate = today > startDate ? today : startDate; $dateField.datepicker('option', { minDate: effectiveMinDate, maxDate: endDate }); } else { console.warn("Datepicker not initialized or selector not found."); } }, 500); }); </script> <?php } add_action('wp_footer', 'my_datepicker_limits', 30);
Not both at the same time.
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.Best regards,
MikeJuly 6, 2025 at 1:56 pm #1486369Super Mike,
you are my new hero.
It works fine.. I try it with 04.07. – 18.07. and 04.07. and 05.07. are now not selectable.thanks a lot.
Best regards
ClaudioJuly 6, 2025 at 2:22 pm #1486370Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
Mike -
AuthorPosts
- The topic ‘Referring to Post: #1486323: Date picker field display problems + question’ is closed to new replies.