The Input DatetimeLocal max property is used to set or return the value of the max attribute of a local DateTime field. The Input DatetimeLocal max attribute is used for specifying the maximum value of date and time for a local DateTime field. The Input DatetimeLocal max attribute returns a string that represents the maximum date and time allowed.
Syntax:
- To return the max property:
inputdatetimelocalObject.max
inputdatetimelocalObject.max = YYYY-MM-DDThh:mm:ss.ms
Property Value:
- YYYY-MM-DDThh:mm:ssTZD: It is used to specify the maximum date and time allowed.
- YYYY : It specifies the year.
- MM : It specifies the month.
- DD : It specifies the day of the month.
- T : It specifies the separator if time is also entered.
- hh : It specifies the hour.
- mm : It specifies the minutes.
- ss : It specifies the seconds.
- ms : It specifies the micro seconds.
Return Value: It returns a string value that represents the maximum date and time allowed.
Below program illustrates the Datetimelocal max property :
Example: Getting the maximum date and time allowed for a local DateTime field.
html
<!DOCTYPE html>
<html>
<head>
<title>
Input DatetimeLocal max Property in HTML
</title>
<style>
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks
</h1>
<h2>Input DatetimeLocal max Property
</h2>
<br>
<p>The range of date accepted is
between 2019-02-18 10:30:55 and
2019-02-20 12:30:55.
</p>
<input type="datetime-local"
id="Test_DatetimeLocal"
min="2019-02-18T10:30:55"
max="2019-02-20T12:30:55">
<p>to return the max range of the
datetimeLocal field, double click the
"Return Max" button.</p>
<button ondblclick="My_DatetimeLocal()">
Return Max
</button>
<p id="test"></p>
<script>
function My_DatetimeLocal() {
var d = document.getElementById(
"Test_DatetimeLocal").max;
document.getElementById(
"test").innerHTML = d;
}
</script>
</body>
</html>
|
Output: Before clicking the button: 
After clicking the button: 
Note: The <input type=”datetime-local”> element does not show any datetime field/calendar in Firefox.
Supported Browsers:
- Google Chrome 20
- Edge 12
- Firefox 93
- Opera 11
- Safari 14.1
Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape,
GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out -
check it out now!
Last Updated :
29 Aug, 2022
Like Article
Save Article