Skip to content
Related Articles

Related Articles

Improve Article

HTML | DOM Time dateTime Property

  • Difficulty Level : Basic
  • Last Updated : 22 Apr, 2019

The DOM Time dateTime Property is used to set or return the value of the DateTime attribute of the <time> Element. The date-time is inserted in the format YYYY-MM-DDThh:mm:ssTZD.

Syntax:

  • It is used to return the DateTime property.
    timeObject.dateTime
  • It is used to set the dateTime property.
    timeObject.dateTime = YYYY -MM-DDThh:mm:ssTZD

    Property Values:

    • YYYY-MM-DDThh:mm:ssTZD YYYY-MM-DDThh:mm:ssTZD It specifies the date and time.

    Explanation:

    • YYYY – year (e.g. 2009)
    • MM – month (e.g. 01 for January)
    • DD – day of the month (e.g. 04)
    • T – a required separator
    • hh – hour (e.g. 20 for 8.00pm)
    • mm – minutes (e.g. 35)
    • ss – seconds (e.g. 09)
    • TZD – Time Zone Designator (Z denotes Zulu, also known as Greenwich Mean Time)

    Return value: It returns a string value which represent the date and time.



    Example-1: This Example sets the dateTime Property.




    <!DOCTYPE html>
    <html>
      
    <head>
        <title>
            HTML DOM Time dateTime Property
        </title>
    </head>
      
    <body style="text-align:center;">
        <h1>GeeksforGeeks</h1>
      
        <h2>
        DOM Time dateTime Property
    </h2>
      
        <p>
            <time id="GFG" 
                  datetime="2018-11-21T15:55:03Z">
            </time>
        </p>
      
        <button onclick="myGeeks()">
            Submit
        </button>
      
        <p id="sudo"></p>
      
        <script>
            function myGeeks() {
                var g = document.getElementById(
                    "GFG").dateTime = "2013-11-15T21:40:07Z";
      
                document.getElementById("sudo").innerHTML =
                    "The value of the dateTime attribute was changed to "
                + g;
            }
        </script>
      
    </body>
      
    </html>

    Output:
    Before Clicking On Button:

    After Clicking On Button:

    Example-2:This Example returns the dateTime Property.




    <!DOCTYPE html>
    <html>
      
    <head>
        <title>
            HTML DOM Time dateTime Property
        </title>
      
    </head>
      
    <body style="text-align:center;">
        <h1>
        GeeksforGeeks
    </h1>
      
        <h2>
        DOM Time dateTime Property
    </h2>
      
        <time id="GFG" 
              datetime="2018-11-21T15:55:03Z">
        </time>
      
        <button onclick="myGeeks()"
          Submit
      </button>
      
        <p id="sudo"></p>
      
        <script>
            function myGeeks() {
                var g = 
                    document.getElementById(
                      "GFG").dateTime;
                
                document.getElementById(
                  "sudo").innerHTML = g;
            }
        </script>
      
    </body>
      
    </html>

    Output:
    Before Clicking On Button:

    After Clicking On Button:

    Supported Browsers: Only Firefox is the browser that supports DOM Time dateTime property.

    Attention reader! Don’t stop learning now. Get hold of all the important Comcompetitivepetitve Programming concepts with the Web Design for Beginners | HTML  course.




    My Personal Notes arrow_drop_up
Recommended Articles
Page :