คุณสมบัติ HTML DOM Input Time min

คุณสมบัติ min ของ HTML DOM Input Time ใช้สำหรับดึงหรือกำหนดเวลาต่ำสุดที่อนุญาตให้กรอกในช่องป้อนเวลา

ไวยากรณ์ (Syntax)

การดึงค่า min

inputTimeObject.min

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

inputTimeObject.min = "hh:mm:ss.ms"

รูปแบบค่าสตริง (String Values)

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

ตัวอย่างตรวจสอบเวลาขั้นต่ำในการสอบ - ไม่อนุญาตให้ออกก่อนเวลา

<!DOCTYPE html>
<html>
<head>
<title>Input Time min</title>
<style>
  form {
    width: 70%;
    margin: 0 auto;
    text-align: center;
  }
  * {
    padding: 2px;
    margin: 5px;
  }
  input[type="button"] {
    border-radius: 10px;
  }
</style>
</head>
<body>
<form>
  <fieldset>
    <legend>Time-min</legend>
    <label for="TimeSelect">เวลาที่ผ่านไป: <input type="time" id="TimeSelect" value="00:00:00" min="01:30:00"> </label> 
    <input type="button" onclick="getElapsedTime()" value="Confirm"> 
    <div id="divDisplay"></div> 
  </fieldset> 
</form> 
<script> 
  var divDisplay = document.getElementById("divDisplay"); 
  var inputTime = document.getElementById("TimeSelect"); 
  divDisplay.textContent = 'Minimum wait time: ' + inputTime.min; 
  function getElapsedTime() { 
    if(inputTime.value >= inputTime.min) 
      divDisplay.textContent = 'You can leave exam hall now, as you have waited for: ' + inputTime.value; 
    else 
      divDisplay.textContent = 'You cannot leave exam hall before: ' + inputTime.min; 
  } 
</script> 
</body>
</html>

ผลลัพธ์

ก่อนคลิกปุ่ม - แสดง "Minimum wait time: 01:30:00"

กรอกเวลา 00:30:00 คลิก Confirm - แสดง "You cannot leave exam hall before: 01:30:00"

กรอกเวลา 02:00:00 คลิก Confirm - แสดง "You can leave exam hall now, as you have waited for: 02:00:00"

การตรวจสอบเบราว์เซอร์: หากกรอกเวลาน้อยกว่า min เบราว์เซอร์จะแสดงข้อความเตือนและบล็อกการส่งฟอร์มอัตโนมัติ