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

Phương thức stepUp() của đối tượng Input DatetimeLocal tăng giá trị ngày giờ lên một số phút xác định (mặc định 1 phút).

Cú pháp

inputDatetimeLocalObject.stepUp(số_phút)

Ví dụ minh họa

Tăng ngày giờ cục bộ 10 phút hoặc 25 phút:

<!DOCTYPE html>
<html>
<head>
<title>Input DatetimeLocal 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>Datetime-Local-stepUp()</legend>
    <label for="datetimeLocalSelect">Ngày giờ cục bộ: <input type="datetime-local" id="datetimeLocalSelect" value="2010-12-21T23:50"> </label>
    <input type="button" onclick="changeStep(10)" value="Tăng 10 phút">
    <input type="button" onclick="changeStep(25)" value="Tăng 25 phút">
    <div id="divDisplay"></div>
  </fieldset>
</form>
<script>
  var divDisplay = document.getElementById("divDisplay");
  var inputDatetimeLocal = document.getElementById("datetimeLocalSelect");
  function changeStep(myStepUp) {
    inputDatetimeLocal.stepUp(myStepUp);
    divDisplay.textContent = 'Bước tăng: ' + myStepUp + ' phút';
  }
</script>
</body>
</html>

Kết quả

Giá trị ban đầu 23:50. Nhấn "Tăng 10 phút" -> 00:00 ngày hôm sau. Nhấn "Tăng 25 phút" -> 00:15 ngày hôm sau.