Would you like to set limits on your Date Picker? For example, you only want to allow your users to enter dates that fall on a weekend. That is now possible with the new advanced options added to the default Date Picker element.
First, add the Date Picker element to your form then click the gear icon. In the properties panel, go to the Limits tab.
Here’s the complete list of options that you can use on disabling dates:
- Age Verification – prevents users under a certain age from submitting the form.
- Past & Future – enable the Past option if you want to allow users to select past dates. The same goes with the Future option, enable it if you want to allow future dates to be selected.
- Days of the week – unchecking a day will disable all of the same days in the calendar. You can uncheck which day of the week you don’t want your users to select in the date field. So, to only allow weekdays, uncheck Saturday and Sunday.
- Start & End Date – disable dates within the range you set up. This will only allow selection between the dates you selected.
- Disable Custom Dates – here you can disable specific dates. The correct format is YYYY-MM-DD but you may also use MM-DD or just DD. Examples:
- 2017-07-30 disables July 30, 2017
- 07-01 disables July 1st of each year
- 15 disables the 15th of each month
- Disable Date Ranges – this is similar to the Start & End Date option but this allows you to set multiple date ranges to disable. This is also a good way to filter out invalid dates. For example, to have users not enter invalid years like “192” or years before 2000, set the date range to “0000-01-01>2000-01-01”.
Dynamic Date Selections
You can achieve this by utilizing the Start & End Date limit and using…
today+{n}where {n} is the number of days to be added to today.
Say, you’re working on a booking form and would like to limit the booking dates to be at least 1 week after submission, and at the same time, you want to limit the booking window to just 1 week. For this to happen, you need to set the Start Date to “today+7” (1 week after) and the End Date to “today+13” (a window of just 1 week).
Comments and suggestions are welcome below. If you have a question, post it in our Support Forum so we can assist you.
Send Comment:
10 Comments:
Hi,
How can I set my date picker for one person per date?
I am wanting to make a signup form for volunteering for one person per date, how can I do that?
Hi,
How can I redirect the date selection to the following week if the customer tries to order within the two days' notice ?
See : customers can only choose fridays as the due date. We would like for customers that order on tuesdays and wednesdays after 1pm to only be able to select fridays from the following week on
Hope it is clear enough ^^
We have the 2 day notice set up but is there a way to eliminate weekends counting toward the 2 days. For example: order is entered on Friday, the customer can pick Monday as the due date. We'd like Saturday & Sunday not counted as part of the 2 days so Tuesday or Wednesday should be the earliest available date.
We would like to have a custom date range that requires 2 days advance notice, but up to 2 weeks away. For dynamic date selection, End Date +14 does not work, and anything about +9 for the end date does not work.
Why doesn’t the date picker disable the date after someone chose it ? For example the appointment picker allows you to limit it to one entry, why doesn’t it do that for the date picker ?
How can I add the corresponding WEEKDAY to print on my form? THANK YOU.
Is it possible to eliminate the YEAR field when asking for birthdays? All we want to know is the Month and the Day!
How to put format multiple date in Disable Custom Dates?
Let say (2022-04-19), (2022-08-31), (2022-10-10)
Hi. Is it possible to set a limit on the second of two date fields in one form, so that users cannot enter a value before or equal to the value entered in the first of the two date fields?
These are awesome features. So glad to have this capability!