Thuộc tính max của HTML DOM Input Datetime

Thuộc tính max của đối tượng Input Datetime lấy hoặc thiết lập giá trị ngày giờ tối đa cho phép nhập.

Cú pháp

Lấy giá trị (chuỗi)

inputDatetimeObject.max

Thiết lập giá trị

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

Định dạng chuỗi giá trị

Ví dụ minh họa

Gia hạn bảo hiểm bằng cách tăng giá trị max:

<!DOCTYPE html>
<html>
<head>
<title>Input Datetime Max</title>
</head>
<body>
<form>
  Ngày & Giờ: <input type="datetime" id="dateTime" name="DateSelect" value="2019-12-31T23:49:59Z" max="2019-12-31T23:59:59Z">
</form>
<button onclick="getMaxDate()">Gia hạn bảo hiểm</button>
<div id="divDisplay"></div>
<script>
  var inputDate = document.getElementById("dateTime");
  var divDisplay = document.getElementById("divDisplay");
  divDisplay.textContent = 'Hết hạn bảo hiểm: ' + inputDate.max;
  function getMaxDate() {
    var oldInputDate = inputDate.max;
    inputDate.max = '2029-12-31T23:49:59Z';
    divDisplay.textContent = 'Hạn bảo hiểm mới: ' + inputDate.max;
  }
</script>
</body>
</html>

Kết quả

Ban đầu hiển thị ngày hết hạn cũ. Sau khi nhấn "Gia hạn bảo hiểm", max và value cập nhật sang 10 năm sau.