Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
Wim

Can I add drop-down calendar (date picker) to a Form?

Question

Hi everyone. My last attempt to find a solution here. Squarespace cannot give me a good solution but maybe there is another trick to do this. Hope someone can help me because I want to avoid to switch my business homepage to another provider.On my homepage I have a "make a reservation" editing form. On this form I have arrival date and departure date. What I need is when people click on the arrival date button that they see a visual calendar to click on the day they want. The same for departure date. Now you have the choice between a blank frame (as I have now) or date block which is basically the same. Results are that my customers make mistakes by typing wrongly. This is very annoying and should be avoided. Hope to find a solution.the link to my reservation page: https://camping-cul.com/reservations/Thank you for your help and suggestions,WimSwitserland

Edited by Paul2009

Share this post


Link to post

10 answers to this question

Recommended Posts

  • 0

Hi Wim

Great question!

Although there isn't a date picker included with Squarespace, we've built a plugin that you can use to add one to a Squarespace form, available in any language. Full details are here:

Date Picker for Squarespace Forms

alt text

screen-shot-2017-06-03-at-172846.png.dddf1a9c67f42f3e96e0b1b1c284226d.png

Edited by Paul2009

If a response has helped you, please give thanks using the  like-20-mag.png.3997345d620e40b4760b5d7a667cad54.png button.
Need personalised help? I'm a professional Developer who works with Designers internationally. You can book me via my company's website. www.sf.digital

Share this post


Link to post
  • 0

Hi Paul, Thank you so much for your help.After years of trying I finally got it correct now. You are a lifesaver :-))I put the english drop down calendar in and it shows on both reservation forms: german and english.I would like to put in the german calendar too but I'm not sure where to do that. Just continue in code injection, Header, and continue to add ?? I have 11 lines now for the english code.

Anyway, I'm over the moon happy here and would like to thank you again for your support.
Kind regards from Switserland, Wim

Share this post


Link to post
  • 0

Hi Paul, Thank you so much for your help.After years of trying I finally got it correct now. You are a lifesaver :-))I put the english drop down calendar in and it shows on both reservation forms: german and english.I would like to put in the german calendar too but I'm not sure where to do that. Just continue in code injection, Header, and continue to add ?? I have 11 lines now for the english code.

Anyway, I'm over the moon happy here and would like to thank you again for your support.
Kind regards from Switserland, Wim

Share this post


Link to post
  • 0

Happy to help!

I think you've added the code in the wrong place. I think you added it to Settings > Advanced > Code Injection > Header. This will affect the whole site and explains why it appears on both forms.

Remove the code from here, and put it on the Settings for each reservations page instead. Whilst viewing the page, click Settings (appears on pop-up menu) then click Advanced at top of Settings page. Add the code and Save.

Edited by Paul2009
Initial Revision

If a response has helped you, please give thanks using the  like-20-mag.png.3997345d620e40b4760b5d7a667cad54.png button.
Need personalised help? I'm a professional Developer who works with Designers internationally. You can book me via my company's website. www.sf.digital

Share this post


Link to post
  • 0

Add the first block of code to the English page. If you've removed the old code, you should find that the German page is without the date-picker. Then add the second block of code the German language page.


If a response has helped you, please give thanks using the  like-20-mag.png.3997345d620e40b4760b5d7a667cad54.png button.
Need personalised help? I'm a professional Developer who works with Designers internationally. You can book me via my company's website. www.sf.digital

Share this post


Link to post
  • 0

Hi Paul, Can't thank you enough !I think I managed to put in both codes now. It looks much better than before.Let me know if I can do something for you. Unfortunately I'm not a computer expert LOL :-))Thanks again Paul,

greetingsWim

Share this post


Link to post
  • 0

Hi Paul, Can't thank you enough !I think I managed to put in both codes now. It looks much better than before.Let me know if I can do something for you. Unfortunately I'm not a computer expert LOL :-))Thanks again Paul,

greetingsWim

Share this post


Link to post
  • 0

Hi there Paul we are looking for this exact thing on our custom checkout form so a customer can select their delivery date - we currently use a text box for the customer to manually enter with a DD MM YYYY note in there in order to try and get around the US format in the date field!!

Is this possible here or can we work around another way maybe by having this in a product form??

https://www.verdure.co.uk/flower-shop/

Many thanks

Share this post


Link to post
Guest
This topic is now closed to further replies.

×
×
  • Create New...