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

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

Phương thức stepUp() 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 tăng lên.

Cú pháp

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

inputDateObject.stepUp(number)

Ví dụ

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

<!DOCTYPE html>
<html>
<head>
<title>Input Date stepUp()</title>
</head>
<body>
<form>
  <div> Lịch: <input type="date" id="dateSelect" value="2019-06-06"> </div>
</form>
<button onclick="changeStep(2)">Tăng 2 ngày</button>
<button onclick="changeStep(3)">Tăng 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.stepUp(2);
    else
      inputDate.stepUp(3);
    divDisplay.textContent = 'Ngày hiện tại tăng thêm: ' + num;
  }
</script>
</body>
</html>

Kết quả

Nhấn nút Tăng 2 ngày:

Nhấn nút Tăng 3 ngày: