not working with contact form 7

Try this as your css selector: .cf7StartDatefield
Hope that helps.

Hi, I am still getting the same issue.
I am not even able to view the preview of my datepicker page
Please help me out with this.

Hi, thanks for your reply
I tried adding .cf7StartDatefield as my css selector but it’s still not working.. any other ideas?

@macpheek you selector should be:

.StartDate input

Because right now the class is being added to the field wrapper, so we need to add input to make sure it targets the input.

However the date-time-field code is not even loading on the page at the moment. So it could be a problem with the ‘when to load’ option or you’ve disabled the plugin in the meantime?

@leoshrey please open a new ticket describing your issue and sharing the link to your page.

Greetings, Carlos

Hi, thanks for your reply
I’ve tried updating the selector
Currently I have ‘when to load’ set to ‘Only when shortcode [datetimepicker] exists on a page.’
If I set this to ‘Across the full website’ it slows my page loading time right down.. and still doesn’t work with this option selected..

@macpheek do you have the [datetimepicker] shortcode somewhere on the page? Without that shortcode the code won’t load. Sorry if it’s not clear in the description.
Add that together with your contact form 7 shortcode so the code loads on that page. Then I can check again what could be missing.

Hi, I’ve added the shortcode to my page content but now the page won’t load..

Adding the shortcode shouldn’t cause any particular issue, it could be a conflict with some other other. Can you share a screenshot of how and where you added the shortcode just to double check?

Yes here’s a screenshot
https://snipboard.io/xWRyhK.jpg

great @macpheek thank you for sharing. That part seems to be correct.
So it’s either a plugin conflict or something in the settings breaking the plugin.

When I look at your screenshots for your settings, for example in the ‘Allowed Times’ in the advanced settings, some entries use a semi-colon and other the colon and they should all use the colon. Try editing that to fix it and include the correct format to see if it makes a difference.

And make sure you also have a default list of allowed times.

Hi, ah yes I see. I’ve updated the time settings to the correct format, here’s a new screenshot – https://snipboard.io/YRgAvC.jpg
I’ve tried deactivating all plugins apart from contact form 7 and your plugin, and switched to a default theme but the page still won’t load.. :-/

Not sure what it could be now. Everything seems good.

You mention that when you change the ‘when to load’ to ‘across full website’ it slows down your pages? Can you try it again?

The next step would be to check for PHP errors in your server error log.
You can also try the latest beta version available on github:
https://github.com/carmoreira/date-time-picker-field

Hi, I tried changing the option and it’s still not loading
I’m not too sure how to look for php errors. I might have to look for something else which is a shame as your plugin seemed perfect. Thanks so much for your help I really appreciate it

I understand if you’ll prefer another solution of course. Not sure what’s going on and I can only offer limited support. Sorry for the limitations.