Thuộc tính step của HTML DOM Input Week

Thuộc tính step của đối tượng Input Week xác định khoảng cách bước nhảy (số tuần) khi người dùng dùng mũi tên lên/xuống trên picker tuần. Mọi số nguyên dương đều hợp lệ.

Cú pháp

Lấy giá trị step

inputWeekObject.step

Thiết lập step

inputWeekObject.step = số_nguyên

Giá trị tham số

Ví dụ minh họa

Ô week không có step ban đầu. Hai nút đặt step=2 và step=3:

<!DOCTYPE html>
<html>
<head>
<title>Input Week step</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>Week-step</legend>
    <label for="WeekSelect">Tuần và Năm: <input type="week" id="WeekSelect"> </label> 
    <input type="button" onclick="doiBuoc('2')" value="Step 2 tuần"> 
    <input type="button" onclick="doiBuoc('3')" value="Step 3 tuần"> 
    <div id="divDisplay"></div> 
  </fieldset> 
</form> 
<script> 
  var divDisplay = document.getElementById("divDisplay"); 
  var inputWeek = document.getElementById("WeekSelect"); 
  function doiBuoc(myStep) { 
    inputWeek.step = myStep; 
    divDisplay.textContent = 'Bước tuần: ' + inputWeek.step; 
  } 
</script> 
</body> 
</html>

Kết quả

• Nhấn Step 2 tuần: step=2, mũi tên nhảy 2 tuần/lần.
• Nhấn Step 3 tuần: step=3, nhảy 3 tuần/lần.
• Mở lịch picker: các tuần hiển thị cách nhau theo step.

Ứng dụng: step="2" cho chu kỳ 2 tuần (payroll, sprint). step="1" mặc định cho tuần đơn lẻ.