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

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

Thuộc tính min của đối tượng Input Week trong HTML DOM trả về hoặc thiết lập tuần/năm nhỏ nhất được phép chọn. Định dạng: YYYY-Www (năm-tuşuẩn).

Cú pháp

Lấy giá trị min

inputWeekObject.min

Thiết lập min

inputWeekObject.min = "YYYY-Www"

Cấu trúc giá trị

Thành phầnMô tả
YYYYNăm (ví dụ: 1990)
WPhân tách năm và tuần (bắt buộc chữ W in hoa)
wwTuần (01-52/53, ví dụ: 07)

Ví dụ minh họa

Ô week value=2019-W45, min=2020-W05. Kiểm tra tuần nghỉ phép sớm nhất:

<!DOCTYPE html>
<html>
<head>
<title>Input Week min</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-min</legend>
    <label for="WeekSelect">Tuần nghỉ: <input type="week" id="WeekSelect" value="2019-W45" min="2020-W05"> </label> 
    <input type="button" onclick="layToiThieu()" value="Đi nghỉ"> 
    <div id="divDisplay"></div> 
  </fieldset> 
</form> 
<script> 
  var divDisplay = document.getElementById("divDisplay"); 
  var inputWeek = document.getElementById("WeekSelect"); 
  function layToiThieu() { 
    divDisplay.textContent = 'Được nghỉ sau: Tuần ' + inputWeek.min.split("-W")[1] + ' , Năm ' + inputWeek.min.split("-W")[0]; 
  } 
</script> 
</body> 
</html>

Kết quả

  • Ban đầu: ô week 2019-W45 (nhỏ hơn min).
  • Nhấn Đi nghỉ: "Được nghỉ sau: Tuần 05 , Năm 2020".
  • Trình duyệt sẽ ngăn chọn tuần trước 2020-W05 trên picker.

Kết hợp min + max: Giới hạn khung tuần cho phép (ví dụ: năm học 2024-W01 đến 2024-W52).