| (2 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
date | date | ||
===Type=== | ===Type=== | ||
| − | + | input | |
===Synopsis=== | ===Synopsis=== | ||
How to render a date input field | How to render a date input field | ||
===Description=== | ===Description=== | ||
| − | + | input elements of type="date" create input fields that let the user enter a date, either with a textbox that validates the input or a special date picker interface. | |
The resulting value includes the year, month, and day, but not the time. | The resulting value includes the year, month, and day, but not the time. | ||
| Line 17: | Line 17: | ||
===Example=== | ===Example=== | ||
<syntaxhighlight lang="html"> | <syntaxhighlight lang="html"> | ||
| − | < | + | <input type="date" name="date" value="2022-03-01" min="2022-01-01" max="2022-12-31" /> |
</syntaxhighlight> | </syntaxhighlight> | ||
| − | < | + | <input type="date" name="date" value="2022-03-01" min="2022-01-01" max="2022-12-31" /> |
===Note=== | ===Note=== | ||
When an incorrect date is entered, the browser will fall back to a text-input field. Read the link below how to handle these situations. | When an incorrect date is entered, the browser will fall back to a text-input field. Read the link below how to handle these situations. | ||
| ws-class-props | |||
|---|---|---|---|
| Line 1: | Line 1: | ||
{{Doc properties | {{Doc properties | ||
| − | |Subject version=2.0 | + | |Subject version=2.0,2.1 |
|Doc subject=DevOps:Doc/FlexForm | |Doc subject=DevOps:Doc/FlexForm | ||
|Doc parent=DevOps:Doc/FlexForm/1.0/input | |Doc parent=DevOps:Doc/FlexForm/1.0/input | ||
|Doc sort order=110 | |Doc sort order=110 | ||
|Doc target group=User | |Doc target group=User | ||
| + | |Doc synopsis=How to render a date input field | ||
}} | }} | ||
Latest revision as of 21:00, 31 March 2023
Name
date
Type
input
Synopsis
How to render a date input field
Description
input elements of type="date" create input fields that let the user enter a date, either with a textbox that validates the input or a special date picker interface.
The resulting value includes the year, month, and day, but not the time.
The date is formatted according to ISO8601, described in Format of a valid date string in Date and time formats used in HTML.
Parameters
type="date"
All other valid parameters for an input field are valid. Additionally you can use min, max and step.
Example
<input type="date" name="date" value="2022-03-01" min="2022-01-01" max="2022-12-31" />
Note
When an incorrect date is entered, the browser will fall back to a text-input field. Read the link below how to handle these situations.
Links
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date
