Adding and Customizing the Date Time Field in Divi Form Builder

The Date Time field in the Divi Form Builder module allows users to select a date and time in your forms. This guide will help you add and customize a Date Time field.

Video

Step 1: Add Form Field

1. Navigate to the page with your form and open the Form Builder module.
2. Click on the Add New Field button to start adding a new form field.

Step 2: Select the Date Time Field

1. Enter a descriptive Field Title for the field that users will see.
2. Enter a Admin Title for administrative purposes to help identify the field.
3. Assign a unique Field ID to the field for data handling.
4. Select Date/Time Field from the Type dropdown menu.

Step 3: Customize the Date Time Field

In additional to the styling features in the Design Tab, Divi Form Builder offers customization options for the Date Time Field HERE.

Field Options:

1. Add Form Builder Prefix to Field: Disable this option to directly input the field ID and Name. Only disable this option for specific cases, such as when using the form with Google Tag Manager.
2. Date and Time Picker Language: Choose the language for the date and time picker.
3. Show Time Only: Enable this option if you want the field to display time only, without the date.
4. Calendar Date Format: Set the format in which the date should be displayed (e.g., mm/dd/yyyy, dd/mm/yyyy).
5. Calendar Time Format: Select the format in which the time should be displayed on the calendar. This helps in specifying the time format as per your requirements.

Additional Tips

By utilizing the Date Time field and its customization options, you can create more functional and user-friendly forms. This field is particularly useful for scheduling, appointments, and any scenario where a date and/or time selection is required. Use these settings to tailor the Date Time field to suit your specific needs and enhance the overall user experience.