Implement date range
-
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
-
@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.
@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 4 years, 7 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 4 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 4 years, 5 months ago by
gafidura.
-
This reply was modified 4 years, 7 months ago by
The topic ‘Implement date range’ is closed to new replies.