Generic selectors
Exact matches only
Search in title
Search in content

Date Picker field

The new Date picker field can be found under Essentials. Its role is to help you gather date information from your respondents.

Date picker

Setup

Once you’ve added Date picker on your form, you will notice that the right side panel opens up with all the settings available for Date picker.

Let’s take them one by one.

You can provide a label and instructions, as for any other field. Using the toggles, you can mark the date picker field as required, hidden or readonly, depending on your needs.

Settings date picker

By default, the date format is set to mm/dd/yyyy – which means respondents need to provide their input following this order: month, day, year. You can choose to change this to either dd/mm/yyyy or yyyy/mm/dd

Date format

You can also choose the separator used to display the date. By default, we have set it up to /, but you can change it to . or –

Separator date picker

Another aspect that can be customised is the default date. By default, it is set on None, but you can choose to set it to Current or Custom. When current is selected, once your respondents access the form, the date picker will automatically have the current day your respondent accessed the form prefilled/selected.

By choosing custom, you can choose yourself which date should be automatically prefilled/selected.

Default date date picker

You can bring some customisation to the calendar itself by choosing on which day of the week the calendar should start – Sunday or Monday.

Week starts on date picker

Validation

Under the Validation section, you can find three options of validation: Age verification, Disable days, Start & End date.

Validation date picker

Age verification – let’s says you are interested in receiving submissions only from respondents that are over 13 years old. In this case, all you have to do is to enable Age verification and write down the minimum age threshold.

Note: when Age verification is enabled, you can not use Disable days and Start & End date options as they are incompatible.

Age verification

Disable days – if you want to prevent respondents from selecting a certain day of the week, then all you have to do is to enable Disable days and select the days you are interested in disabling.

Disable days date picker

Start date & End date – if you are interested in allowing your respondents to select dates between a certain timeframe, then you have to enable Start & End date and select the dates.

Start date & end date

Rules

You can set up field rules with the new Date picker field. After selecting the field, you have to check the logic operators (you can see them all in the below screenshot).

Then, by clicking on the calendar icon, you can select the exact date you are interested in.

Note: if you go with manually typing the date in Rules, then please follow the ISO format to collect data: YYYY-MM-DD. If you go with any other format, the rule won’t be working.

rules operators date picker
date picker rules

Leave a Reply

Your email address will not be published. Required fields are marked *

Frequently Asked Questions

Here is a list of the most frequently asked questions. For more FAQs, please browse through the  FAQs page.

Is this service free?
Yes, we offer a free form builder service. Just sign up to the Basic plan and you are all set. This plan is forever free, but you are limited with a few features only, such as 5 forms per account, 100 submissions per month and you have to keep the backlink to 123FormBuilder on your forms. Check out our features matrix for more information.
How many forms can I create?
It depends on the service plan you are on. Higher service plans enable more features, including more web forms for your account. If you need more forms, go to the My Account section of your account and click the upgrade button. To create an unlimited number of forms, either upgrade to the Platinum service plan or higher. Consult our features matrix for more information.
How can I publish my forms?
You can publish your forms in many ways, by using their direct URL or HTML link, embedding them with a JavaScript code, Inline HTML or iFrame, using the Facebook app or the WordPress plugin, using popups, the Blogger code snippet and many more. Once you have created and customized your form, go to the Publish section to complete your work. Read more in our documentation.
How do I change my form design?
You can change the design of your form for more information. in the Themes section, which is located in your form settings. We offer a set of more than 30 predefined form themes for your forms, but you can also create your own from scratch. You can customize the submit button, the logo and more. To apply your own stylesheets, all forms come with a custom CSS editor.

Can't find what you're looking for?