Support » Plugin: WP Datepicker » Implement date range

  • Resolved Sebastian

    (@afu24)


    Hi Fahad,

    thank you for this easy to use plugin.

    What I couldn’t find yet in the plugin installation/ descriptions:
    I have two input fields “Start” and “End-Date” who should be connected.
    Is it possible to manage a date range with your plugin?

    And is there an Option to set only read / no edit keyboard in mobile?

    Best regards,
    Sebastian

Viewing 10 replies - 1 through 10 (of 10 total)
  • richiewatson

    (@richiewatson)

    @afu24 you can use multiple instances on the same page for this purpose. Multiple dates can be added from front-end. Read only option will work in mobile as well. See the screenshot

    Thread Starter Sebastian

    (@afu24)

    @richiewatson thank you for your fast reply. Got it!

    Thread Starter Sebastian

    (@afu24)

    @richiewatson
    How do I manage to connect the two Date-Fields, to have an active date range?
    I would like to have an arrival and a departure date.

    Screenshot Backend: https://ibb.co/b5TYdZd
    Code in Frontend:

    
    <form id="viatoCbeQuick" class="quickbooker" method="GET" action="https://www.talstation-heumoederntal.de/zimmer-buchen/#buchen">
    <label style="margin-right:7px" for="arrival"><b>Anreise</b> </label>
    <input type="text" name="arrival" value="" class="datepicker">
    <label style="margin-right:7px" for="departure"><b>Abreise</b> </label>
    <input type="text" name="departure" value="" class="datepicker2">
    <input type="hidden" name="lng" value="de">
    <input style="border-radius:8px" class="submit" type="submit" value="Verfügbarkeit prüfen">
    </form>
    
    Plugin Author Fahad Mahmood

    (@fahadmahmood)

    @afu24 I have responded you through e-mail, lets continue there. Your question about the linked fields will be considered as a custom script implementation here.

    richiewatson

    (@richiewatson)

    @afu24 I have tried to recreate your expected scenario here. What I understood is that the first date selection should take effect on the second date selection. Please explain how you want to manage/define date range.

    Thread Starter Sebastian

    (@afu24)

    @richiewatson first date field should be the requested “arrival date”, after selecting, the second date field should be preselected “arrival date” + 1 date and the option for the user, to select only dates in the future.

    Plugin Author Fahad Mahmood

    (@fahadmahmood)

    @afu24 please try the latest version in Pro mode, date range functionality has been added. Version 1.8.9 is not yet released for public as we are testing it but you are the part of our testing squad. Kindly try and let us know, does it serve you correctly?

    Thread Starter Sebastian

    (@afu24)

    @fahadmahmood thank you very much.
    I updated the plugin to 1.8.9 and set the day + 1 on the setting page.
    As far as I can see, it works very well.

    One suggestion:
    Could you place a extra css class for the <td> a to have styling options for the start date, the dates between and the end date.

    @afu24 you can manage whole styling in first tab for each instance.

    • This reply was modified 3 weeks, 6 days ago by richiewatson.
    Plugin Author Fahad Mahmood

    (@fahadmahmood)

    @afu24 soon you will see this improvement in next build. Thank you for the appreciation.

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