HTML DOM Input Datetime max Property

HTMLWeb DevelopmentFront End Technology

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


Following is the syntax −

  • Returning string value
  • Setting max to string value
inputDatetimeObject.max = YYYY-MM-DDThh:mm:ssTZD

String Values

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

YYYYIt defines year (eg:1998)
MMIt defines month (eg: 05 for May)
DDIt defines Day (eg: 24)
TIt is a separator for date and time
hhIt defines hour (eg:12)
mmIt defines minutes (eg:48)
ssIt defines seconds (eg:00)
TZDTime Zone Designator (IST denotes Indian Standard Time)


Let us see an example of Input Datetime max property −

 Live Demo

<!DOCTYPE html>
<title>Input Datetime Max</title>
Date & Time: <input type="datetime" id="dateTime" name="DateSelect" value="2019-12-31T23:49:59Z" max="2019-12-31T23:59:59Z">
<button onclick="getMaxDate()">Renew Insurance</button>
<div id="divDisplay"></div>
   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;


This will produce the following output −

Before clicking ‘Renew Insurance’ button −

After clicking ‘Renew Insurance’ button −

Published on 23-Jul-2019 14:03:55