Skip to main content
Skip to search
Skip to footer
Ouvrir le panneau de gestion des cookies
Site Standard BM
Home
Accueil 2
Glossaire
Les formulaires
Test webform
Les articles
Langue et ckeditor
Menu de niveau 3
Timeline page
Menu de niveau 3 avec sous niveaux
Menu de niveau 4 avec sous niveaux
Test Image copie webp
Better Social Share
Les paragraphes
De base
Avec Bootstrap5
Log in
Actualités
Services
Événements
Lieux
Search
Home
Administration
Structure
Webforms
test. webform
Elements
Add Date/time element
General
Conditions
Advanced
Access
Element settings
Type
Date/time
Warning message
Please avoid using the reserved word '@key' as the element's key.
Title
?
This is used as a descriptive label when displaying this webform element.
Key
?
A unique element key. Can only contain lowercase letters, numbers, and underscores.
Allowed number of values
Allowed number of values
Limited
Unlimited
Limit
Date settings
?
Date element
HTML datetime - Use the HTML5 datetime element type.
HTML datetime input (localized) - Use the HTML5 datetime-local element type.
HTML date input - Use the HTML5 date element type.
Text input - No HTML5 element, use a normal text field.
None - Do not display a date element
Warning message
HTML5 datetime elements do not gracefully degrade in older browsers and will be displayed as a plain text field without a date or time picker.
Warning message
You should consider using a dedicated Time element, instead of this Date/time element, which will prepend the current date to the submitted time.
Date placeholder
?
The placeholder will be shown in the element until the user starts entering a value.
Date format
Date format
- None -
HTML date - Y-m-d (2025-12-06)
Long date - l, F j, Y (Saturday, December 6, 2025)
Medium date - D, m/d/Y (Sat, 12/06/2025)
Short date - m/d/Y (12/06/2025)
Custom…
Custom date format…
Enter date format using
Date Input Format
.
Date year range
?
A description of the range of years to allow, like '1900:2050', '-3:+3' or '2000:+3', where the first value describes the earliest year and the second the latest year in the range. A year in either position means that specific year. A +/- value describes a dynamic value that is that many years earlier or later than the current year at the time the webform is displayed. Use min/max validation to define a more specific date range.
Date minimum
?
Specifies the minimum date. To limit the minimum date to the submission date use the [webform_submission:created:html_date] token.Accepts any date in any GNU Date Input Format. Strings such as today, +2 months, and Dec 9 2004 are all valid.
Date maximum
?
Specifies the maximum date. To limit the maximum date to the submission date use the [webform_submission:created:html_date] token.Accepts any date in any GNU Date Input Format. Strings such as today, +2 months, and Dec 9 2004 are all valid.
Date days of the week
?
Sun
Mon
Tue
Wed
Thu
Fri
Sat
Specifies the day(s) of the week.
Datetime element is designed to have sane defaults so any or all can be omitted. Both the date and time components are configurable so they can be output as HTML5 datetime elements or not, as desired.
Time settings
Time element
HTML time input - Use a HTML5 time element type.
Text input - No HTML5 element, use a normal text field.
Time picker input - Use jQuery time picker with custom time format
None - Do not display a time element.
Time placeholder
?
The placeholder will be shown in the element until the user starts entering a value.
Time format
?
Time format
- None -
24 hour with seconds - H:i:s (20:08:21)
24 hour - H:i (20:08)
12 hour with seconds - g:i:s A (8:08:21 PM)
12 hour - g:i A (8:08 PM)
Custom…
Custom time format…
Enter time format using
Time Input Format
.
Time format is only applicable for browsers that do not have support for the HTML5 time element. Browsers that support the HTML5 time element will display the time using the user's preferred format.
Time minimum
?
Specifies the minimum time.
Time maximum
?
Specifies the maximum time.
Time step
?
Time step
- None -
1 minute
5 minutes
10 minutes
15 minutes
20 minutes
30 minutes
Other…
Enter other…
Enter interval in seconds.
Specifies the minute intervals.
Element description/help/more
Description
?
Description
This field has been disabled because you do not have sufficient permissions to edit it.
A short description of the element used as help for the user when they use the webform.
Help
?
Displays a Help tooltip after the element's title.
Help title
?
The text displayed in Help tooltip after the element's title.Defaults to the element's title
Help text
?
Help text
This field has been disabled because you do not have sufficient permissions to edit it.
The text displayed in Help tooltip after the element's title.
More
?
Displays a read more hide/show widget below the element's description.
More title
?
The click-able label used to open and close more text.Defaults to: Plus
More text
?
More text
This field has been disabled because you do not have sufficient permissions to edit it.
A long description of the element that provides form additional information which can opened and closed.
Form display
Title display
?
- Default -
Before
After
Inline
Invisible
None
Determines the placement of the title.
Description display
?
- Default -
Before
After
Invisible
Tooltip
Determines the placement of the description.
Help display
?
- Default -
Before title
After title
Before element
After element
Determines the placement of the Help tooltip.
Warning message
×
Please note: Settings the element's title display to 'none' means the title will not be rendered or accessible to screenreaders
Field prefix
?
Text or code that is placed directly in front of the input. This can be used to prefix an input with a constant string. Examples: $, #, -.
Field suffix
?
Text or code that is placed directly after the input. This can be used to add a unit to an input. Examples: lb, kg, %.
Disabled
?
Make this element non-editable with the user entered (e.g. via developer tools) value ignored. Useful for displaying default value. Changeable via JavaScript.
Prepopulate
?
Allow element to be populated using query string parameters.
Form validation
Warning message
Validation error message contains HTML markup. HTML markup can not be display via HTML5 clientside validation and will be removed.
Required
?
Check this option if the user must enter a value.
Required message
?
If set, this message will be used when a required webform element is empty, instead of the default "Field x is required." message.
Unique
?
Check that all entered values for this element are unique.
Unique per entity
?
Check that entered values for this element is unique for the current source entity.
Unique per user
?
Check that entered values for this element are unique for the current user.
Unique message
?
If set, this message will be used when an element's value are not unique, instead of the default "The value %value has already been submitted once for the %name element. You may have already submitted this webform, or you need to use a different value." message.
Warning message
×
'Date/time' minimum or maximum should not be used with 'Date' or 'Time' specific minimum or maximum.
This can cause unexpected validation errors.
Date/time minimum
?
Specifies the minimum date/time. To limit the minimum date/time to the submission date/time use the [webform_submission:created:html_datetime] token.Accepts any date in any GNU Date/Time Input Format. Strings such as today, +2 months, and Dec 9 2004 10:00 PM are all valid.
Date/time maximum
?
Specifies the maximum date/time. To limit the maximum date/time to the submission date/time use the [webform_submission:created:html_datetime] token.Accepts any date in any GNU Date/Time Input Format. Strings such as today, +2 months, and Dec 9 2004 10:00 PM are all valid.
Conditional logic
State
Element
Trigger/Value
Operations
State
- Select -
Visible
Hidden
Visible (Slide)
Hidden (Slide)
Enabled
Disabled
Required
Optional
Operator
if
All
Any
One
of the following is met:
Selector
- Select -
Nom [Text field]
prenom [Text field]
Age [Number]
Profil [Textarea]
Description de vie [Textarea]
Metier [Select]
Metier [Other field]
Fichier 1 (illimité) [Document file]
Fichier 2 [Document file]
Trigger
- Select -
Empty
Filled
Checked
Unchecked
Value is
Value is not
Pattern
Not Pattern
Less than
Less than/Equal to
Greater than
Greater than/Equal to
Between
Not between
Value
Enter a number range (1:100)
Warning message
Disabled
elements do not submit data back to the server and the element's server-side default or current value will be preserved and saved to the database.
Clear value(s) when hidden
?
When this element is hidden, this element's value will be cleared.
Warning message
Please note when an element is hidden it will not be required.
Default value
Default value
?
The default value of the webform element. For multiple options, use commas to separate multiple defaults.Accepts any date in any GNU Date Input Format. Strings such as today, +2 months, and Dec 9 2004 are all valid.You may use tokens. Tokens should use the 'html_date' or 'html_datetime' date format. (i.e. [current-user:field_date_of_birth:date:html_date])
Multiple settings
Table header label
?
This is used as the table header for this webform element when displaying multiple values.
Item label
?
This is used by the add/remove (+/-) icons.
No items message
?
No items message
This field has been disabled because you do not have sufficient permissions to edit it.
This is used when there are no items entered.
Minimum amount of items
?
Minimum items defaults to 0 for optional elements and 1 for required elements.
Number of empty items
Allow users to sort elements
?
If unchecked, the elements will no longer be sortable.
Allow users to add/remove elements
?
If unchecked, the add/remove (+/x) buttons will be removed from each table row.
Show add element button
?
If unchecked, the add button will be removed from each table row.
Show remove element button
?
If unchecked, the remove button will be removed from each table row.
Allow users to add more items
?
If checked, an add more input will be added below the multiple values.
Allow users to input the number of items to be added
?
If checked, users will be able to input the number of items to be added.
Add more button label
?
This is used as the add more items button label for this webform element when displaying multiple values.
Add more input label
?
This is used as the add more items input label for this webform element when displaying multiple values.
Number of add more items
Wrapper attributes
Wrapper CSS classes
?
Wrapper CSS classes
custom…
container-inline clearfix
form--inline clearfix
messages messages--error
messages messages--warning
messages messages--status
Enter custom classes…
Apply classes to the element's wrapper around both the field and its label. Select 'custom…' to enter custom classes.
Wrapper CSS style
?
Apply custom styles to the element's wrapper around both the field and its label.
Wrapper custom attributes (YAML)
?
Enter additional attributes to be added to the element's wrapper.
Element attributes
Element CSS classes
?
Element CSS classes
custom…
container-inline clearfix
form--inline clearfix
messages messages--error
messages messages--warning
messages messages--status
Enter custom classes…
Apply classes to the element. Select 'custom…' to enter custom classes.
Element CSS style
?
Apply custom styles to the element.
Element custom attributes (YAML)
?
Enter additional attributes to be added the element.
Label attributes
Label CSS classes
?
Apply classes to the element's label.
Label CSS style
?
Apply custom styles to the element's label.
Label custom attributes (YAML)
?
Enter additional attributes to be added to the element's label.
Submission display
Single item
Item format
?
Item format
- None -
Value (value)
Raw value (raw)
Date HTML (html_date)
Heure HTML (html_time)
Format de date de repli (fallback)
Date et heure HTML (html_datetime)
Mois HTML (html_month)
Semaine HTML (html_week)
Année HTML (html_year)
Date HTML sans année (html_yearless_date)
Date longue par défaut (long)
Date moyenne par défaut (medium)
Date courte par défaut (short)
Custom HTML/text…
Custom date format…
Enter other…
A user-defined date format. See the
PHP manual
for available options.
Select how a single value is displayed.
Multiple items
Items format
?
Comma (comma)
Semicolon (semicolon)
And (and)
Ordered list (ol)
Unordered list (ul)
Select how multiple values are displayed.
Display wrapper attributes
Display CSS classes
?
Display CSS classes
custom…
container-inline clearfix
form--inline clearfix
messages messages--error
messages messages--warning
messages messages--status
Enter custom classes…
Apply classes to the element's display wrapper. Select 'custom…' to enter custom classes.
Display CSS style
?
Apply custom styles to the element's display wrapper.
Display custom attributes (YAML)
?
Enter additional attributes to be added to the element's display wrapper.
Administration
Admin title
?
The admin title will always be displayed when managing elements and viewing & downloading submissions.If an element's title is hidden, the element's admin title will be displayed when viewing a submission.
Admin notes/comments
?
Admin notes/comments
This field has been disabled because you do not have sufficient permissions to edit it.
Admin notes/comments are display next to the element title in the form builder and visible in the form's YAML source
Private
?
Private elements are shown only to users with results access.
Browse available tokens.
