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

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

Phương thức stepdown () của HTML DOM Input DatetimeLocal xác định số phút mà trường datetimeLocal 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

inputDatetimeLocalObject.stepDown(number)

Ví dụ

Hãy để chúng tôi xem một ví dụ về Input DatetimeLocal stepDown phương pháp -

<!DOCTYPE html>
<html>
<head>
<title>Input DatetimeLocal stepDown()</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-stepDown( )</legend>
<label for="datetimeLocalSelect">Local Date Time :
<input type="datetime-local" id="datetimeLocalSelect" value="2010-12-21T23:50">
</label>
<input type="button" onclick="changeStep(10)" value="Decrease by 10">
<input type="button" onclick="changeStep(25)" value="Decrease by 25">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputDatetimeLocal = document.getElementById("datetimeLocalSelect");
   function changeStep(myStepDown) {
      inputDatetimeLocal.stepDown(myStepDown);
      divDisplay.textContent = 'Current Step: '+myStepDown;
   }
</script>
</body>
</html>

Đầu ra

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

Trước khi nhấp vào bất kỳ nút nào -

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

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

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

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

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