Date and time input types
Form field widgets to easily allow users to enter a date, time or both, generally by using a calendar/time input widget. Refers to supporting the following input types: date
, time
, datetime-local
, month
& week
.
Spec | https://html.spec.whatwg.org/multipage/forms.html#date-state-(type=date) |
---|---|
Status | WHATWG Living Standard |
IE | Edge | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|---|
98 | |||||
95 (6) | 97 | ||||
94 (6) | 96 | TP (6) | |||
11 | 95 | 93 (6) | 95 | 15 (6) | 80 |
10 | 94 | 92 (5) | 94 | 14.1 (6) | 79 |
9 | 93 | 91 (5) | 93 | 14 | 78 |
8 | 92 | 90 (5) | 92 | 13.1 | 77 |
Show all | |||||
7 | 91 | 89 (5) | 91 | 13 | 76 |
6 | 90 | 88 (5) | 90 | 12.1 | 75 |
5.5 | 89 | 87 (5) | 89 | 12 | 74 |
88 | 86 (5) | 88 | 11.1 | 73 | |
87 | 85 (5) | 87 | 11 | 72 | |
86 | 84 (5) | 86 | 10.1 | 71 | |
85 | 83 (5) | 85 | 10 | 70 | |
84 | 82 (5) | 84 | 9.1 | 69 | |
83 | 81 (5) | 83 | 9 | 68 | |
81 | 80 (5) | 81 | 8 | 67 | |
80 | 79 (5) | 80 | 7.1 | 66 | |
79 | 78 (5) | 79 | 7 | 65 | |
18 | 77 (5) | 78 | 6.1 | 64 | |
17 | 76 (5) | 77 | 6 | 63 | |
16 | 75 (5) | 76 | 5.1 | 62 | |
15 | 74 (5) | 75 | 5 | 60 | |
14 | 73 (5) | 74 | 4 | 58 | |
13 | 72 (5) | 73 | 3.2 | 57 | |
12 (1) | 71 (5) | 72 | 3.1 | 56 | |
70 (5) | 71 | 55 | |||
69 (5) | 70 | 54 | |||
68 (5) | 69 | 53 | |||
67 (5) | 68 | 52 | |||
66 (5) | 67 | 51 | |||
65 (5) | 66 | 50 | |||
64 (5) | 65 | 49 | |||
63 (5) | 64 | 48 | |||
62 (5) | 63 | 47 | |||
61 (5) | 62 | 46 | |||
60 (5) | 61 | 45 | |||
59 (5) | 60 | 44 | |||
58 (5) | 59 | 43 | |||
57 (5) | 58 | 42 | |||
56 (4) | 57 | 41 | |||
55 (4) | 56 | 40 | |||
54 (4) | 55 | 39 | |||
53 (4) | 54 | 38 | |||
52 | 53 | 37 | |||
51 | 52 | 36 | |||
50 | 51 | 35 | |||
49 | 50 | 34 | |||
48 | 49 | 33 | |||
47 | 48 | 32 | |||
46 | 47 | 31 | |||
45 | 46 | 30 | |||
44 | 45 | 29 | |||
43 | 44 | 28 | |||
42 | 43 | 27 | |||
41 | 42 | 26 | |||
40 | 41 | 25 | |||
39 | 40 | 24 | |||
38 | 39 | 23 | |||
37 | 38 | 22 | |||
36 | 37 | 21 | |||
35 | 36 | 20 | |||
34 | 35 | 19 | |||
33 | 34 | 18 | |||
32 | 33 | 17 | |||
31 | 32 | 16 | |||
30 | 31 | 15 | |||
29 | 30 | 12.1 | |||
28 | 29 | 12 | |||
27 | 28 | 11.6 | |||
26 | 27 | 11.5 | |||
25 | 26 | 11.1 | |||
24 | 25 | 11 | |||
23 | 24 (5) | 10.6 | |||
22 | 23 (5) | 10.5 | |||
21 | 22 (5) | 10.0-10.1 | |||
20 | 21 (5) | 9.5-9.6 | |||
19 | 20 (5) | 9 | |||
18 | 19 | ||||
17 | 18 | ||||
16 | 17 | ||||
15 | 16 | ||||
14 | 15 | ||||
13 | 14 | ||||
12 | 13 | ||||
11 | 12 | ||||
10 | 11 | ||||
9 | 10 | ||||
8 | 9 | ||||
7 | 8 | ||||
6 | 7 | ||||
5 | 6 | ||||
4 | 5 | ||||
3.6 | 4 | ||||
3.5 | |||||
3 | |||||
2 |
Safari on iOS | Opera Mini | Android Browser | Blackberry Browser | Opera Mobile | Android Chrome | Android Firefox | IE Mobile | Android UC Browser | Samsung Internet | QQ Browser | Baidu Browser | KaiOS Browser |
---|---|---|---|---|---|---|---|---|---|---|---|---|
15 (2) | all | 94 | 10 | 64 | 94 | 92 | 11 | 12.12 | 15.0 | 10.4 | 7.12 | 2.5 (5) |
14.5-14.8 (2) | 4.4.3-4.4.4 | 7 | 12.1 | 10 | 14.0 | |||||||
14.0-14.4 (2) | 4.4 | 12 | 13.0 | |||||||||
13.4-13.7 (2) | 4.2-4.3 (3) | 11.5 | 12.0 | |||||||||
Show all | ||||||||||||
13.3 (2) | 4.1 (3) | 11.1 | 11.1-11.2 | |||||||||
13.2 (2) | 4 (3) | 11 | 10.1 | |||||||||
13.0-13.1 (2) | 3 | 10 | 9.2 | |||||||||
12.2-12.5 (2) | 2.3 | 8.2 | ||||||||||
12.0-12.1 (2) | 2.2 | 7.2-7.4 | ||||||||||
11.3-11.4 (2) | 2.1 | 6.2-6.4 | ||||||||||
11.0-11.2 (2) | 5.0-5.4 | |||||||||||
10.3 (2) | 4 | |||||||||||
10.0-10.2 (2) | ||||||||||||
9.3 (2) | ||||||||||||
9.0-9.2 (2) | ||||||||||||
8.1-8.4 (2) | ||||||||||||
8 (2) | ||||||||||||
7.0-7.1 (2) | ||||||||||||
6.0-6.1 (2) | ||||||||||||
5.0-5.1 (2) | ||||||||||||
4.2-4.3 | ||||||||||||
4.0-4.1 | ||||||||||||
3.2 |
Notes
There used to also be a datetime
type, but it was dropped from the HTML spec.
Partial support in Microsoft Edge refers to supporting
date
,week
, andmonth
input types, and nottime
anddatetime-local
.Partial support in iOS Safari refers to not supporting the
week
input type, nor themin
,max
orstep
attributesSome modified versions of the Android 4.x browser do have support for date/time fields.
Can be enabled in Firefox using the
dom.forms.datetime
flag.Partial support refers to supporting
date
andtime
input types, but notdatetime-local
,month
orweek
.Partial support refers to not supporting the
week
andmonth
input type
Resources
- Datepicker tutorial w/polyfill
- Polyfill for HTML5 forms
- has.js test
- WebPlatform Docs
- Bug on Firefox support
- Bug for WebKit/Safari
- Bug for WebKit/Safari
Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
https://caniuse.com/input-datetime