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

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

ไวยากรณ์ (Syntax)

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

inputDatetimeObject.min

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

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

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

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

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

<!DOCTYPE html>
<html>
<head>
<title>Input Datetime Min</title>
</head>
<body>
<form>
  Date & Time: <input type="datetime" id="dateTime" name="DateSelect" value="2009-6-24T20:49Z" min="2008-12-31T23:59:59Z">
</form>
<button onclick="minDateDecrease()">Decrease min age bar</button>
<div id="divDisplay"></div>
<script>
  var inputDatetime = document.getElementById("dateTime");
  var divDisplay = document.getElementById("divDisplay");
  divDisplay.textContent = 'Minimum Age Bar: ' + inputDatetime.min;
  function minDateDecrease() {
    inputDatetime.min = '2010-12-31T23:59:59Z';
    divDisplay.textContent = 'Minimum Age Bar: ' + inputDatetime.min;
  }
</script>
</body>
</html>

ผลลัพธ์ (Output)

ก่อนคลิกปุ่ม: แสดงค่า min เริ่มต้น หลังคลิกปุ่ม Decrease min age bar: ค่า min จะเปลี่ยนเป็นค่าใหม่

หมายเหตุ: รูปแบบวันที่ต้องเป็น ISO 8601 (YYYY-MM-DDThh:mm:ssTZD) และชนิด datetime ถูกเลิกใช้แล้ว ควรใช้ datetime-local แทน