HTML | DOM Input Datetime Object

HTML | <input type="datetime-local">

Last Updated : 14 Feb, 2022

The HTML <input type="datetime-local"> is used to define a date and time control. The value must include the year, month, day and time. Syntax:

<input type="datetime-local">

Example:

html

<!DOCTYPE html> 
<html> 

<head> 
    <title>
        HTML input type datetime-local
    </title>
    
    <style> 
        h1 { 
            color: green; 
        } 
        
        body { 
            text-align: center; 
        } 
    </style> 
</head> 

<body> 

    <h1>GeeksforGeeks</h1> 
    
    <h2> HTML <input type = "datetime-local"></h2> 
    
    <br> 
    
    Date Of Birth: 
    <input type="datetime-local" id="Test_DatetimeLocal"> 
</body> 

</html>

Output:

Supported Browsers: The browsers supported by <input type="datetime-local"> are listed below:

Google Chrome 20.0
Internet Explorer 13.0
Opera 10.1
Firefox 93.0
Safari 14.1

HTML | DOM Input Datetime Object

M

manaschhabra2

Improve

Article Tags :

Similar Reads

HTML <input type="date">

The HTML <input type="date"> element provides a date picker interface for selecting dates. It allows users to input dates using a calendar widget, ensuring standardized date input across different browsers and devices.Â Syntax<input type="date">Example:Â In this example, the HTML <inpu

HTML <input> type Attribute

The HTML <input> type Attribute is used to specify the type of <input> element to display. The default type of <input> type attribute is text. Syntax: <input type="value">Attribute Values: Name Description button Defines clickable button in HTML document, commonly activated w

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 Object

The Input Datetime Object in HTML DOM is used to represent an HTML input element with type= "datetime". The input element with type= "datetime" can be accessed by using getElementById() method. Syntax: It is used to access input Datetime object.document.getElementById("id");It is used to create inpu

HTML | DOM Input DatetimeLocal type Property

The Input DatetimeLocal type property is used for returning the type of form element the datetimeLocal field is. The Input DatetimeLocal type property returns a string that represents the type of form element the datetimeLocal field is. Browsers such as Safari and Opera return "datetime-local" as a

HTML <input type="time">

The HTML <input type="time"> element creates a time input field, allowing users to select a time (including hours and minutes) from a pre-defined list or by entering it manually. It provides a standardized way to input time values, enhancing user experience in forms that require time-based inp

HTML DOM Input Datetime list Property

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.idReturn value: It returns a string value that represents the value of the id attribute of the datalist element.Example:Â Below HTML code is

HTML | DOM Input Date type Property

The Input Date type property is used for returning the type of form element the date field is. The Input Date type property returns a string that represents the type of form element the date field is. Syntax: inputdateObject.type Return Values: It returns a string value that represents the type of f

HTML <input type="month">

The HTML <input type="month"> element creates a month picker, allowing users to select a specific month and year without specifying a day. It provides a standardized way to input month-based data to enhance user experience. Syntax<input type="month"> Example: This example demonstrate the

HTML | <input>max Attribute

The HTML|<input> max Attribute is used to specify the maximum value for an input field. It can be used together with the min attribute to create a range of values. It can be used with the many input fields such as number, range, date, datetime, datetime-local, month, time and week. Syntax: