HTML | DOM Input Datetime type Property

HTML | DOM Input Datetime type Property

Last Updated : 29 Aug, 2022

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>GeeksforGeeks</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

HTML | DOM Input Datetime type Property

S

Shubrodeep Banerjee

Improve

Article Tags :

Similar Reads

HTML | DOM Input Date type Property

The Input Date type property is used for returning the type of form element the date field is. The Input Date type property returns a string that represents the type of form element the date field is. Syntax: inputdateObject.type Return Values: It returns a string value that represents the type of f

HTML | DOM Input DatetimeLocal type Property

The Input DatetimeLocal type property is used for returning the type of form element the datetimeLocal field is. The Input DatetimeLocal type property returns a string that represents the type of form element the datetimeLocal field is. Browsers such as Safari and Opera return "datetime-local" as a

HTML | DOM Input Datetime value Property

The Input Datetime value property is used for setting or returning the value of the value attribute of a datetime field. The Input Datetime value attribute can be used for specifying a date and time for the datetime field. Syntax: For returning the value property:datetimeObject.valueFor setting the

HTML | DOM Input DatetimeLocal step Property

The Input DatetimeLocal Step property in HTML DOM is used to set or return the value of the step attribute of a local datetime field. The Input Step attribute can be used for specifying the legal number intervals for seconds or milliseconds in a local datetime field. The step property cannot be used

HTML | DOM Input Date step Property

The Input Date Step property is used to set or return the value of the step attribute of a date field. The Input Step attribute can be used for specifying the legal day intervals to choose from when the user opens the calendar in a date field. Syntax: To return the step property: inputdateObject.ste