Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Phương thức stepDown() của Input Date trong HTML DOM

Phương thức stepDown() của đối tượng Input Date trong HTML DOM xác định số ngày mà trường ngày (date field) nên giảm xuống.

Cú pháp

Gọi phương thức stepDown với một số, mặc định là 1:

inputDateObject.stepDown(number)

Ví dụ

Ví dụ sử dụng phương thức stepDown() của Input Date:

<!DOCTYPE html>
<html>
<head>
<title>Input Date stepDown()</title>
</head>
<body>
<form>
  <div> Lịch: <input type="date" id="dateSelect" value="2019-07-07"> </div>
</form>
<button onclick="changeStep(2)">Giảm 2 ngày</button>
<button onclick="changeStep(3)">Giảm 3 ngày</button>
<div id="divDisplay"></div>
<script>
  var divDisplay = document.getElementById("divDisplay");
  var inputDate = document.getElementById("dateSelect");
  function changeStep(num) {
    if (num === 2)
      inputDate.stepDown(2);
    else
      inputDate.stepDown(3);
    divDisplay.textContent = 'Ngày hiện tại giảm đi: ' + num;
  }
</script>
</body>
</html>

Kết quả

Nhấn nút Giảm 2 ngày:

Nhấn nút Giảm 3 ngày: