คุณสมบัติ max ของ HTML DOM Input Datetime

คุณสมบัติ max ของ HTML DOM Input Datetime ใช้สำหรับดึงหรือกำหนดค่าแอตทริบิวต์ max (ค่าสูงสุด) ของช่องกรอกวันที่และเวลา

ไวยากรณ์ (Syntax)

การดึงค่า (คืนค่า string)

inputDatetimeObject.max

การกำหนดค่า max

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

รูปแบบค่า String (String Values)

ตัวอย่างการใช้งาน

ตัวอย่างด้านล่างแสดงการต่ออายุประกันภัยโดยการเปลี่ยนค่า max ของช่อง datetime:

<!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>

ผลลัพธ์ (Output)

ก่อนคลิกปุ่ม: แสดงค่า max เริ่มต้น หลังคลิกปุ่ม Renew Insurance: ค่า max จะเปลี่ยนเป็นค่าใหม่ (ต่ออายุ 10 ปี)

หมายเหตุ: ชนิด datetime ถูกเลิกใช้แล้ว ควรใช้ datetime-local แทน ซึ่งไม่รวมโซนเวลา