Open In App
Related Articles

HTML | DOM Input Datetime type Property

Improve Article
Save Article
Like 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”.



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.


<!DOCTYPE html>
    <title>Input Datetime type Property in HTML</title>
        h1 {
            color: green;
        h2 {
            font-family: Impact;
        body {
            text-align: center;
    <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>
        function My_Datetime() {
            var t = document.getElementById("Test_Datetime").type;
            document.getElementById("test").innerHTML = t;

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

Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out - check it out now!

Last Updated : 29 Aug, 2022
Like Article
Save Article
Similar Reads
Complete Tutorials