Skip to content
Related Articles

Related Articles

HTML | DOM Input Datetime type Property

View Discussion
Improve Article
Save Article
  • Difficulty Level : Basic
  • Last Updated : 29 Aug, 2022
View Discussion
Improve Article
Save Article

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

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!