Date Picker Calendar Stopped Displaying

@garypcarterwp can you please provide the screenshot of your settings page? We will check it on our side too.

::CF7 FORM CODE::

[text* Name placeholder "Full Name*"]
[one_half][email* Email placeholder "Email*"][/one_half][one_half_last][text* EventDate class:eventdatepicker placeholder "Date of Event?"][/one_half_last]
Please add the following selection(s) to my existing booking...

[checkbox* OptionalExtras use_label_element "Bubble Machine (+￡10)" "Karaoke Add-on (+￡45)" "Mirror Ball (+￡20)" "Prizes (+￡15)" "Snow Machine (+￡10)" "UV Lighting (+￡20)"]

[submit class:button id:form-submit "Add Now"]

::WP Datepicker (1.8.7) – Settings::
.eventdatepicker
en-GB (English/UK)
Enable for backend (wp-admin)? DISABLE
Make datepicker field editable or readonly? READ-ONLY
Weekends? ENABLE
Auto Complete? ENABLE
Need months in full or short? FULL
DateFormat: DD, dd MM yy
DefaultDate:

I hope this helps, can’t see how to add a screenshot on this forum.

• This reply was modified 3 years, 9 months ago by Gary.
• This reply was modified 3 years, 9 months ago by Gary.
• This reply was modified 3 years, 9 months ago by Gary.

It is working on your site at this time, do you have any clue?

I have been using Chrome, but just tried it with MS Edge.

MS Edge the picker works, but it is not working in Chrome?

It is working in Chrome as well.

I am using the most up to date Version of Chrome: 88.0.4324.146 (Official Build) (64-bit).

I have had emails generated from the form where the date format is different (IE how the customer entered the date manually in the date (text) field.

Dear Gary,

I would suggest you to turn readonly checkbox ON so manual input can be stopped. It is not about the chrome’s version, please try firefox browser as well.

Thanks,
Fahad

Hi Fahad,

Readonly is turned on already. But the field can still be edited manually.

Clicking on the “Date of Event?” field (CF7 text field) does not pop up the date picker.

Other users have had the same issue. Only they wouldn’t be aware there should be a date picker and enter the dates manually.

I do not have FF installed.

• This reply was modified 3 years, 9 months ago by Gary.

Gary, we tried on Chrome as well and it was working. Should we send you a video? Please confirm that we are talking about the following URL.

https://www.streetbeatdisco.co.uk/snow

Fahad, I don’t need a video thank you – I believe it worked for you.

The URL is correct.

Something has changed in the last few minutes. I have not changed any code, but after a page refresh it is now working on mine.

Except when the page is refreshed the field displays the place holder text (if you keep the mouse still). As soon as you move the mouse it displays the current date. This is new behaviour? How do I keep the placeholder text in place?

When we talk from jQuery datepicker aspect so we call it currentText

https://api.jqueryui.com/datepicker/#option-currentText

placeholder will be overridden once datepicker instance will take place. Will this help?

So, how do I stop jQuery from overwriting the CF7 placeholder?

Or can I use your ‘DefaultDate’ as a string?

Two ways:

1) Pro version, which will enable you to get better control on a field with more options.

2) Do not use any plugin and use a custom script to implement jQuery datepicker

Reason is, you are trying to customize something so when our requirements are custom then we need more control on elements.