Implement date range

@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

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

@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>

@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.

@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.

@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.

@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?

@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 years, 8 months ago by richiewatson.

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

@afu24 can you explain me what you mean with
“I updated the plugin to 1.8.9 and set the day + 1 on the setting page.”
I am not a programmer and it is hard for me to understand this.

@gafidura +1 means current date +1. Please let us know how can we help you?

@fahadmahmood Thanks for the quick reply.
I do not know how to embed this.

• This reply was modified 3 years, 5 months ago by gafidura.

@gafidura please reach us through the demo website. As you are not technical so it can be difficult for you to understand. Alternatively please explain what exactly you need, on first date field selection, do you want to add one day to the 2nd date field?

@fahadmahmood The second data field should be activated in the time after the first one.
It should not be possible that a date that can be entered before the first data field.

• This reply was modified 3 years, 5 months ago by gafidura.