(Admin) |
|||
| (11 intermediate revisions by 4 users not shown) | |||
| Line 1: | Line 1: | ||
| + | ===Name=== | ||
| + | datetime-local | ||
| + | ===Type=== | ||
| + | _input | ||
| + | ===Synopsis=== | ||
| + | How to render a date and time input field | ||
| + | ===Description=== | ||
| + | _input elements of type datetime-local create input controls that let the user easily enter both a date and a time, including the year, month, and day as well as the time in hours and minutes. | ||
| + | The format of the date and time value used by this input type is YYYY-MM-DDThh:mm. | ||
| + | ===Parameters=== | ||
| + | type="datetime-local" | ||
| + | |||
| + | All other valid parameters for an input field are valid. Additionally you can use min, max and step. | ||
| + | ===Example=== | ||
| + | <syntaxhighlight lang="html"> | ||
| + | <_label for="meeting-time">Choose a time for your appointment:</_label> | ||
| + | <_input type="datetime-local" id="meeting-time" | ||
| + | name="meeting-time" value="2022-03-01T10:00" | ||
| + | min="2022-03-01T10:00" max="2022-03-01T18:00" /> | ||
| + | </syntaxhighlight> | ||
| + | <_label for="meeting-time">Choose a time for your appointment:</_label> | ||
| + | <_input type="datetime-local" id="meeting-time" | ||
| + | name="meeting-time" value="2022-03-01T10:00" | ||
| + | min="2022-03-01T10:00" max="2022-03-01T18:00" /> | ||
| + | ===Note=== | ||
| + | The displayed date and time formats differ from the actual value; the displayed date and time are formatted according to the user's locale as reported by their operating system, whereas the date/time value is always formatted YYYY-MM-DDThh:mm. | ||
| + | |||
| + | For more information on this input type, see the link below. | ||
| + | ===Links=== | ||
| + | https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime-local | ||
| ws-base-props | |||
|---|---|---|---|
| Line 1: | Line 1: | ||
{{Base properties | {{Base properties | ||
| − | |Title=input/ | + | |Title=input/datetime-local |
|Class=Doc | |Class=Doc | ||
}} | }} | ||
| ws-class-props | |||
| Line 1: | Line 1: | ||
| − | + | {{Doc properties | |
| + | |Doc subject=DevOps:Doc/FlexForm | ||
| + | |Subject version=1.0,1.1 | ||
| + | |Doc parent=DevOps:Doc/FlexForm/1.0/input | ||
| + | |Doc sort order=110 | ||
| + | |Doc target group=User | ||
| + | |Doc synopsis=How to render a date and time input field | ||
| + | }} | ||
| ws-page-props | |||
| Line 1: | Line 1: | ||
| − | + | ||
| − | |||
| − | |||
| − | |||
Latest revision as of 14:54, 22 September 2022
Name
datetime-local
Type
_input
Synopsis
How to render a date and time input field
Description
_input elements of type datetime-local create input controls that let the user easily enter both a date and a time, including the year, month, and day as well as the time in hours and minutes.
The format of the date and time value used by this input type is YYYY-MM-DDThh:mm.
Parameters
type="datetime-local"
All other valid parameters for an input field are valid. Additionally you can use min, max and step.
Example
<_label for="meeting-time">Choose a time for your appointment:</_label>
<_input type="datetime-local" id="meeting-time"
name="meeting-time" value="2022-03-01T10:00"
min="2022-03-01T10:00" max="2022-03-01T18:00" />
Note
The displayed date and time formats differ from the actual value; the displayed date and time are formatted according to the user's locale as reported by their operating system, whereas the date/time value is always formatted YYYY-MM-DDThh:mm.
For more information on this input type, see the link below.
Links
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime-local
