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

HTML DOM Input Date stepUp () Method

Phương thức stepUp () của HTML DOM Input Date xác định số ngày mà trường ngày sẽ tăng lên.

Cú pháp

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

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

inputDateObject.stepUp(number)

Ví dụ

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

<!DOCTYPE html>
<html>
<head>
<title>Input Date stepUp()</title>
</head>
<body>
<form>
<div>
Calendar: <input type="date" id="dateSelect" value="2019-06-06">
</div>
</form>
<button onclick="changeStep(2)">Increase by 2</button>
<button onclick="changeStep(3)">Increase 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.stepUp(2);
      else
         inputDate.stepUp(3);
      divDisplay.textContent = 'Current date increased by: '+num;
   }
</script>
</body>
</html>

Đầu ra

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

Nhấp vào ‘Tăng thêm 2’ nút -

HTML DOM Input Date stepUp () Method

Nhấp vào ‘Tăng thêm 3’ nút -

HTML DOM Input Date stepUp () Method