Open In App
Related Articles

HTML | DOM Input Datetime type Property

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Report issue
Report

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


Last Updated : 29 Aug, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads