HTML DOM Input Datetime max Property

HTML Web Development Front End Technology

The HTML DOM Input Datetime max property returns/sets max attribute of Input Datetime.

Syntax

Following is the syntax −

Returning string value

inputDatetimeObject.max

Setting max to string value

inputDatetimeObject.max = YYYY-MM-DDThh:mm:ssTZD

String Values

Here, “YYYY-MM-DDThh:mm:ssTZD” can be the following −

stringValue	Details
YYYY	It defines year (eg:1998)
MM	It defines month (eg: 05 for May)
DD	It defines Day (eg: 24)
T	It is a separator for date and time
hh	It defines hour (eg:12)
mm	It defines minutes (eg:48)
ss	It defines seconds (eg:00)
TZD	Time Zone Designator (IST denotes Indian Standard Time)

Example

Let us see an example of Input Datetime max property −

Live Demo

<!DOCTYPE html>
<html>
<head>
<title>Input Datetime Max</title>
</head>
<body>
<form>
Date & Time: <input type="datetime" id="dateTime" name="DateSelect" value="2019-12-31T23:49:59Z" max="2019-12-31T23:59:59Z">
</form>
<button onclick="getMaxDate()">Renew Insurance</button>
<div id="divDisplay"></div>
<script>
   var inputDate = document.getElementById("dateTime");
   var divDisplay = document.getElementById("divDisplay");
   divDisplay.textContent = 'Insurance Datetime: '+inputDate.max;
   function getMaxDate() {
      var oldInputDate = inputDate.max;
      inputDate.max = '2029-12-31T23:49:59Z';
      divDisplay.textContent = 'New Insurance Datetime: '+inputDate.max;
   }
</script>
</body>
</html>