HTML | DOM Input Datetime type Property
The Input Datetime type property is used for returning the type of form element the datetime field is.
The Input Datetime type property returns a string that represents the type of form element the datetime field is.
Browsers such as Safari and Opera return “datetime” as a result whereas browsers such as Internet Explorer, Firefox, and Chrome return “text”.
Note: Safari and Opera 12 (and earlier versions) returns “datetime”, while Opera 15 (and newer versions), Internet Explorer, Firefox and Chrome returns “text”.
Syntax:
datetimeObject.type
Return Values: It returns a string value which represents the type of form element of the datetime field
The below program illustrates the Datetime type property :
Returning the type of form element the datetime field is.
html
<!DOCTYPE html> < html > < head > < title >Input Datetime type Property in HTML</ title > < style > h1 { color: green; } h2 { font-family: Impact; } body { text-align: center; } </ style > </ head > < body > < h1 >w3wiki</ h1 > < h2 >Input Datetime type Property</ h2 > < br > Date Of Birth: < input type = "datetime" id = "Test_Datetime" > < p >To find out the type of form element the datetime field is, double-click the "Check Type" button.</ p > < button ondblclick = "My_Datetime()" >Check Type</ button > < p id = "test" ></ p > < script > function My_Datetime() { var t = document.getElementById("Test_Datetime").type; document.getElementById("test").innerHTML = t; } </ script > </ body > </ html > |
Output:
Before clicking the button:
After clicking the button:
Note: The <input type=”datetime”> element does not show any datetime field/calendar in any major browsers, except Safari.
Supported Web Browsers:
- Google Chrome 20
- Edge 12
- Firefox 93
- Opera 11
- Safari 14.1