เมธอด stepDown() ของ HTML DOM Input DatetimeLocal

เมธอด stepDown() ของ HTML DOM Input DatetimeLocal ใช้สำหรับลดค่าของช่อง datetime-local ตามจำนวนนาทีที่ระบุ (ค่าเริ่มต้นคือ 1 นาที)

ไวยากรณ์ (Syntax)

การเรียกใช้เมธอด stepDown

inputDatetimeLocalObject.stepDown(number)

พารามิเตอร์: number - จำนวนนาทีที่ต้องการลด (ค่าเริ่มต้น = 1)

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

ตัวอย่างด้านล่างแสดงการลดเวลา 10 นาที และ 25 นาที:

<!DOCTYPE html>
<html>
<head>
<title>Input DatetimeLocal stepDown()</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>Datetime-Local-stepDown()</legend>
    <label for="datetimeLocalSelect">Local Date Time : <input type="datetime-local" id="datetimeLocalSelect" value="2010-12-21T23:50"> </label>
    <input type="button" onclick="changeStep(10)" value="Decrease by 10">
    <input type="button" onclick="changeStep(25)" value="Decrease by 25">
    <div id="divDisplay"></div>
  </fieldset>
</form>
<script>
  var divDisplay = document.getElementById("divDisplay");
  var inputDatetimeLocal = document.getElementById("datetimeLocalSelect");
  function changeStep(myStepDown) {
    inputDatetimeLocal.stepDown(myStepDown);
    divDisplay.textContent = 'Current Step: ' + myStepDown;
  }
</script>
</body>
</html>

ผลลัพธ์ (Output)

ก่อนคลิกปุ่ม: แสดงเวลา 23:50 คลิก Decrease by 10: เวลาลดลงเหลือ 23:40 คลิก Decrease by 25: เวลาลดลงอีก 25 นาทีจากเวลาปัจจุบัน

การทำงาน: stepDown() จะลดค่าตามแอตทริบิวต์ step ที่ตั้งไว้ (ค่าเริ่มต้น 1 นาที) คูณกับจำนวนที่ส่งเข้าไป