Date/Time Formatting ?

Hi @jdphoenix

I hope you are doing well.

Based on your format 2023, 19, 10, m/d/Y seems you are using the dropdown option, we do have the calendar: https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#datepicker-labels which will show the actual calendar for easier user experience and on calendar mode also render the email as you wish.

It is not a PopUp though, the Free or Pro version would have the same features.

Kindly give it a try using the calendar mode and see if it fits your needs.
Best Regards
Patrick Freitas

Hi Patrick,

Thanks for the reply again. Appreciate it. For some reason the calendar popup is not opening for me. I’ve included a video displaying my settings. Thoughts?

https://www.loom.com/share/28edd4e844a546e281d2251b91a29faf

Would like to also mention, I use WP Rocket. I’ve had problems getting plugins to function properly in the past. Usually requires me to “exclude” deferring JavaScript.

Hi @jdphoenix,

Hope this message finds you well and sorry to hear you are experiencing this issue.

Are you able to disable WP Rocket and see if there is any difference?

I haven’t been successful in finding any relevant errors in the browser console, which makes it harder to identify the problem.

Sometimes issues can arise due to various factors such as conflicts with third-party plugins or theme.

Please let us know the results.

Kind regards,
Laura

Hi there, I disabled WP Rocket and the pop up calendar still does not work. We have an older theme and are not going to change the theme at this time. If there are any scripts you feel I could try, that would be great. Otherwise, the date drop down option will have to work. Thanks

Hi @jdphoenix

Thank you for trying and letting us know.

I was about to check it again, hoping that I could maybe spot something that my colleagues didn’t notice but it seems you have already switched to drop-downs.

Since issues like this are always specific to a given site/setup it’s difficult to say what (if anything) should be excluded from WP rocket without checking it. There’s also a good chance that the reason is different – e.g. some CSS or other JS that comes from theme or other plugin.

I understand that you need this to work and that’s why there are drop-downs. But perhaps you could create a copy of that form (there’s option to duplicate form) and then switch that copy to use calendar and put it on some other page?

This would conflict with your current “live” form and if you’d share URL of that page with form copy, we could check it again there.

Best regards,
Adam

Hi there, thanks for the reply. I’ve added a copy with the calendar to the bottom of our privacy policy page. Appreciate your help on this.

/privacy-policy/

Hi @jdphoenix

Thanks for response!

I was able to check that. Could you try adding following code to your site’s Custom CSS?

#ui-datepicker-div {
z-index:20000000!important;
}

Once it’s added, make sure to clear all cache and it should start working. It’s basically a matter of a CSS conflict with other settings of the site and this should help (it works fine when tested in browser directly).

Best regards,
Adam

Hi Adam,

Works perfect now. Thanks so much. I have one last little bug I see, then should be good to go…

When I receive the form submission and in the auto reply, the time has a “comma” and not a “colon”. Also the hour shows a single digit and has a comma before pm… looks strange for our clients in the U.S.

Example:
12, 0, pm

Was hoping to display as such:
12:00pm

Do you know of any code that can fix this?

FYI.. I removed the form from the privacy policy…
The working form is now located here:
/online-reservation/

Appreciate your help on this. Very pleased with support and the plugin in general.

Hi @jdphoenix

Thanks for response!

About the time format: that’s unexpected.

Are you using all_fields or all_none_empty_fields macro in your e-mail notification?

If yes, it should already follow regular format with colon between hours and minutes – unless there is some other plugin or custom code breaking it. But that would require doing a conflict test.

But you can also use individual macros like this:

{time-1-hours}:{time-1-minutes} {time-1-ampm}

Best regards,
Adam

Added the macros and works perfectly now. Thanks!