Support » Plugin: WP Datepicker » Date Picker Calendar Stopped Displaying

  • Resolved Gary

    (@garypcarterwp)


    Nothing has changed on my website, only plug-in and WP updates. But I have recently noticed that the calendar is not popping up on my CF7 forms (see link, bottom of page).

    It stopped working sometime between 5th October 2020 and 1st January 2021.

    Now all I get from that field is the text input from the user.

    The page I need help with: [log in to see the link]

Viewing 13 replies - 1 through 13 (of 13 total)
  • ibulbworksupport

    (@ibulbworksupport)

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

    Thread Starter Gary

    (@garypcarterwp)

    ::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 4 weeks ago by Gary.
    • This reply was modified 4 weeks ago by Gary.
    • This reply was modified 4 weeks ago by Gary.
    ibulbworksupport

    (@ibulbworksupport)

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

    Thread Starter Gary

    (@garypcarterwp)

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

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

    ibulbworksupport

    (@ibulbworksupport)

    It is working in Chrome as well.

    Thread Starter Gary

    (@garypcarterwp)

    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.

    Plugin Author Fahad Mahmood

    (@fahadmahmood)

    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

    Thread Starter Gary

    (@garypcarterwp)

    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 4 weeks ago by Gary.
    Plugin Author Fahad Mahmood

    (@fahadmahmood)

    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

    Thread Starter Gary

    (@garypcarterwp)

    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?

    Plugin Author Fahad Mahmood

    (@fahadmahmood)

    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?

    Thread Starter Gary

    (@garypcarterwp)

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

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

    Plugin Author Fahad Mahmood

    (@fahadmahmood)

    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.

Viewing 13 replies - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.