Phương thức stepUp() của HTML DOM Input Time

Phương thức stepUp() của đối tượng Input Time tăng giá trị giờ lên một số phút xác định. Mặc định tăng 1 phút nếu không truyền tham số. Hữu ích cho nút tăng/giảm giờ nhanh.

Cú pháp

inputTimeObject.stepUp(số_phút)

• số_phút (tùy chọn): Số phút tăng. Mặc định = 1.

Ví dụ minh họa

Ô time ban đầu 12:52. Hai nút tăng 10 phút và tăng 25 phút:

<!DOCTYPE html>
<html>
<head>
<title>Input Time stepUp()</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-stepUp()</legend>
    <label for="TimeSelect">Đồng hồ: <input type="time" id="TimeSelect" value="12:52"> </label> 
    <input type="button" onclick="doiBuoc(10)" value="Tăng 10 phút"> 
    <input type="button" onclick="doiBuoc(25)" value="Tăng 25 phút"> 
    <div id="divDisplay"></div> 
  </fieldset> 
</form> 
<script> 
  var divDisplay = document.getElementById("divDisplay"); 
  var inputTime = document.getElementById("TimeSelect"); 
  function doiBuoc(myStepUp) { 
    inputTime.stepUp(myStepUp); 
    divDisplay.textContent = 'Bước tăng: ' + myStepUp; 
  } 
</script> 
</body> 
</html>

Kết quả

• Ban đầu: 12:52.
• Nhấn Tăng 10 phút: 13:02.
• Nhấn Tăng 25 phút (từ 13:02): 13:27.

Lưu ý: Phương thức này tuân thủ giới hạn max nếu có. Nếu vượt max, giá trị sẽ bị clamp ở max.