HTML DOM Input DatetimeLocal 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 DatetimeLocal 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

HTML | DOM Input DatetimeLocal min Property

The Input DatetimeLocal min property is used for setting or return the value of the min attribute of the datetimeLocal field. It is used to specify the minimum value of date and time for a datetimeLocal field. It returns a string that represents the minimum date and time allowed. Syntax: It returns

HTML | DOM Input Date min Property

The Input Date min property is used for setting or returning the value of the min attribute of a date field. The attribute returns a string that represents the minimum date allowed. Syntax: For returning the min property:inputdateObject.minFor setting the min property:inputdateObject.min = YYYY-MM-D

HTML | DOM Input Datetime type Property

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 su

HTML | DOM Input Datetime form Property

The Input Datetime form property is used for returning a reference to the form containing the Datetime field. It is a read-only property that returns a form object on success, else if the date control is not in the form, it returns NULL. Syntax: datetimeObject.form Return Values: It returns a string

HTML | DOM Input Datetime value Property

The Input Datetime value property is used for setting or returning the value of the value attribute of a datetime field. The Input Datetime value attribute can be used for specifying a date and time for the datetime field. Syntax: For returning the value property:datetimeObject.valueFor setting the