Date/time

This form control is supported on Nintex Mobile in both online and offline modes.

Use the Date/time form control to create fields that accept a calendar date and/or time. The Date/time control inherits regional settings from the browser and passes the date/time to the workflow in UTC format.

Note: You can arrange up to four of this control on a single row in the form.

To view video tutorials on how to use this Nintex capability, go to Nintex University
Section Setting Description
(unlabeled) Title

Field name displayed on the published form.

 

Customize

Switch toggle to Yes to enable customization of the variable Name of the form control.

 

Name

(This field becomes configurable only when you switch the Customize toggle to Yes.)

Customizes the name of the variable A placeholder that stores changes each time the workflow runs, such as the information entered in a form, or the name of a file. You can also create variables to store information you use in a workflow, such as an email address. for the field. If the name is not customized, the Title will be used as the variable name.

 

Hide time

Omits the ability to select time in the field.

 

Restrict past dates

Prevents the ability to select dates in the past.

 

Default value

The value that automatically populates the field when the form loads.

Click in this field, and then click Insert to launch the Formula builder where you can create variables with applied formulas. The calculated value becomes the default value.

Note:  If you want to change the format of the Datetime value to a local or custom format, you can use the Formula builder to create a variable with applied formula and use the formatDate function. You can use this variable throughout your workflow. For more information, see formatDate.
 

Required

Mandates entry of a value before the form can be submitted.
 

Custom required message

(Displays when you select Yes in Required.)

The validation text which displays below the field when a value is not entered into the field and the user attempts to change page or submit the form.

 

Visible

Shows the field on the published form when loaded.
 

Read-only

Displays the field on the published form but does not allow user input.
 

Description

A description of the field to display below the field on the published form.
 

Tooltip

The message which appears when users hover their cursor or touch the information icon beside the Date/time control in the form.

  Shrink Reduces the width of the control when placed in a row with other form controls.
  Expand Increases the width of the control when placed in a row with other form controls.
Styling CSS class

Add a CSS class to apply a style to this form control. You can create the CSS class in the CSS code editor in form styles. Enter one class name or multiple class names separated by a space.

For more information, see Add a custom CSS to individual controls.

Note: The CSS Class field is available only if the Custom CSS setting is enabled in Nintex Workflow Form settings.
Border color

Border color to apply to the field.

To select a color, click the color box and use the color picker to specify the color you want. You can click on the color map to select the color or enter the Hex code.

To revert back to the global style, click Reset to global style.
  Control fill

The color to fill the inside of the field.

To select a color, click the color box and use the color picker to specify the color you want. You can click on the color map to select the color or enter the Hex code.

To revert back to the global style, click Reset to global style.
  Control input color

The font color of the input in the field.

To select a color, click the color box and use the color picker to specify the color you want. You can click on the color map to select the color or enter the Hex code.

To revert back to the global style, click Reset to global style.

When you want to align the time zone with a different region, you can manually adjust the time zone.

  1. Create a new workflow with Nintex - Form start event.

  2. In the start event configuration panel, click Design form.

  3. In the Form designer page, drag and drop the Choice - Single form control to the Form designer canvas to create the fields that specify the date and time. Here are some example fields:

    • Day

    • Month

    • Year

    • Time (Hour)

    • Time (Minute)

    • Time (AM/PM)

    For more information, see Choice - Single.

  4. Click Apply changes.

  5. In the workflow designer page, drag and drop the Create a text string action to the designer canvas and open the action configuration panel.

    For more information, see Create a text string.

  6. In the String components field, add the form variables that specify the date and time to join into one Text variable value.

  7. Drag and drop the Convert a value action to the designer canvas as the second action.

    For more information, see Convert a value.

  8. Configure the second action to convert the Text variable value to a DateTime variable value.

  9. Drag and drop the Add time to date action to the designer canvas as the third action.

    For more information, see Add time to date.

  10. Configure the third action to add time to the DateTime variable value to match the UTC time of a different region.