HTML DOM Input Datetime list Property

HTML DOM Input Datetime list Property

Last Updated : 29 Jul, 2024

The input DateTime list property in HTML DOM is used to return a reference to the list element that contains an input DateTime field.

Syntax:

datetimeObject.list.id

Return value: It returns a string value that represents the value of the id attribute of the datalist element.

Example: Below HTML code is used to return the input datetime list property.

HTML

<!DOCTYPE html>
<html>

<head>
    <title>Input Datetime list Property in HTML</title>

    <style>
        h1 {
            color: green;
        }

        body {
            text-align: center;
        }
    </style>
</head>

<body>
    <h1>GeeksforGeeks</h1>
    <h2>Input Datetime list property</h2>
    
    <br> Date Of Birth:
    <input type="datetime" id="Test_Datetime" 
        value="2019-11-11" list="DateTime_list">
    <datalist id="DateTime_list">
        <option value="2019-11-11" />
        <option value="2019-12-01" />
        <option value="2019-04-11" />
        <option value="2005-09-12" />
        <option value="2022-03-12" />
    </datalist><br><br>

    <button ondblclick="My_Datetime()">
        Return Date And Time
    </button>

    <p id="test" style="font-size:20px"></p>


    <script>
        function My_Datetime() {
            var datetimeVar = document
                .getElementById("Test_Datetime").list.id;
                
            document.getElementById("test")
                .innerHTML = datetimeVar;
        }
    </script>
</body>

</html>

Output:

datelis

Supported Browsers:

Google Chrome
Edge
Mozilla Firefox
Opera
Safari

HTML DOM Input Datetime list Property

M

manaschhabra2

Improve

Article Tags :

Similar Reads

HTML DOM Input DatetimeLocal list Property

The input DateTimeLocal list property in HTML DOM returns a reference to the list element that contains an input datetimelocal field. Syntax: DatetimelocalObject.list.idReturn Value: It returns a string value that represents the value of the id attribute of the datalist element. Example: This HTML c

HTML DOM Input Date list Property

The input Date list property in HTML DOM is used to return a reference to the list element that contains an input date field. Syntax: dateObject.list.id Return value: It returns a string value that represents the value of the id attribute of the datalist element. Example: Below HTML code used to ret

HTML | DOM Input Datetime min Property

The Input Datetime min property is used for setting or returning the value of the min attribute of a datetime field. The Input Datetime min attribute returns a string that represents the minimum date and time allowed. Syntax: For returning the min property:datetimeObject.minFor setting the min prope

HTML | DOM Input Datetime max Property

The Input Datetime max property is used for setting or returning the value of the max attribute of a datetime field. The Input Datetime max attribute returns a string that represents the maximum date and time allowed.Syntax: For returning the max property: datetimeObject.maxFor setting the max prope

HTML | DOM Input Datetime name Property

The Input Datetime name property is used for setting or returning the value of the name attribute of a datetime field. The form data which has been submitted to the server can be identified by the name attribute. The name attribute is also used for referencing form data on the client-side using Java