Computer >> Máy Tính >  >> Lập trình >> HTML

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

Phương thức stepdown () ngày nhập HTML DOM xác định số ngày mà trường ngày sẽ giảm.

Cú pháp

Sau đây là cú pháp -

Gọi stepDown với một số, theo mặc định bằng 1

inputDateObject.stepDown(number)

Ví dụ

Hãy để chúng tôi xem một ví dụ về Bước ngày nhập cảnh phương pháp -

<!DOCTYPE html>
<html>
<head>
<title>Input Date stepDown()</title>
</head>
<body>
<form>
<div>
Calendar: <input type="date" id="dateSelect" value ="2019-07-07">
</div>
</form>
<button onclick="changeStep(2)">Decrease by 2</button>
<button onclick="changeStep(3)">Decrease by 3</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 = 'Current date decreased by: '+num;
   }
</script>
</body>
</html>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Nhấp vào ‘Giảm 2’ nút -

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

Nhấp vào ‘Giảm 3’ nút -

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