HTML | DOM ins dateTime 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 ins dateTime 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 ins dateTime Property

The DOM ins DateTime Property is used to set or return the value of the DateTime attribute of the <ins> Element. This attribute is used to specify the date and time of the inserted text. The date-time is inserted in the format YYYY-MM-DDThh:mm:ssTZD. Syntax: It is used to return the DateTime p

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 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 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