Limiting Options for the Date / Time Field

Would you like to restrict what date and time options can be selected in your WordPress forms? For example, if your office is only open from 9am-5pm, Monday through Friday, then you might want to prevent visitors from making an appointment outside of those days and times.

This tutorial will show you how to limit options for the Date / Time field in WPForms.

Set date and time limit

Before getting started, you’ll first need to make sure WPForms is installed and activated on your WordPress site, and that you’ve verified your license. Then, you can create a new form or edit an existing one to access the form builder.

Adding a Date / Time Field

Once the form builder is open, look under the Fancy Fields section to find the Date / Time field. Simply click on it or drag and drop it into the preview area to add it to your form.

Add date time field

Limiting Available Dates and Times

To select certain dates and times that your site visitors can choose in your forms, click on the Date / Time field in the preview area to open its Field Options.

Click date time field for field options

Next, within the Field Options panel, click on the Advanced tab to open the field’s advanced options.

Click advanced tab

This will open up additional settings that you can customize, including options to Limit Days and Limit Hours. We’ll go over both of these options in the following sections.

Limiting the Date

In order to limit which days are available for your users to choose, you’ll need to select the Limit Days option.

Enable limit days option

This will open up a list of days that you can enable or disable within your forms. Be sure to check the boxes for the days you’d like to allow your users to choose, and leave any boxes unchecked for days you’d like to block from your users.

Check or uncheck days

Disabling Past Dates

In addition to selecting which days of the week are available for your users to choose, you can also prevent them from selecting past dates within your forms. To do this, you’ll just need to select the Disable Past Dates option.

Disable past dates

When dates are disabled, they will appear greyed out on the frontend of your site.

Past dates disabled

Note: If you’d like to further customize the date options, be sure to check out our developer documentation for more details. To help prevent code conflicts, be sure to disable any date limitations within the form builder before adding any custom code.

Limiting the Time

Similarly, you can limit which hours are available for your users to choose from within your forms. To do this, you’ll first need to select the Limit Hours option.

Enable limit hours

After this is enabled, you’ll see additional options for configuring the Start Time and End Time of your hours. For each of these settings, you can click the dropdown and select the hours you’d like shown to your site visitors.

Click hour dropdown

On the frontend of your site, all available times between the selected Start Time and End Time will be available for your users to choose from.

Limit hours

That’s it! We just showed you how to limit the options for the Date / Time field in WPForms.

Next, would you like to change the appearance of the Date / Time field in your WordPress forms? Be sure to check out our tutorial on customizing the Date / Time field for more details.