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

Thuộc tính defaultValue của đối tượng Input Week (<input type="week">) trả về hoặc thiết lập giá trị mặc định ban đầu của ô chọn tuần/năm. Khác với value (thay đổi khi user chọn), defaultValue không đổi trừ khi gán lại. Dùng để reset form.

Cú pháp

Lấy giá trị chuỗi

inputWeekObject.defaultValue

Thiết lập defaultValue

inputWeekObject.defaultValue = 'chuỗi'

Ví dụ minh họa

Ô week mặc định 2022-W01. Nhấn nút reset sẽ khôi phục value về defaultValue:

<!DOCTYPE html>
<html>
<head>
<title>Input Week defaultValue</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-defaultValue</legend>
    <label for="WeekSelect">Tuần mục tiêu: <input type="week" id="WeekSelect" value="2022-W01"> </label> 
    <input type="button" onclick="resetDefault()" value="Khôi phục mặc định"> 
    <div id="divDisplay"></div> 
  </fieldset> 
</form> 
<script> 
  var divDisplay = document.getElementById("divDisplay"); 
  var inputWeek = document.getElementById("WeekSelect"); 
  divDisplay.textContent = 'Tuần: ' + inputWeek.defaultValue.split("-W")[1]; 
  divDisplay.textContent += ' & Năm: ' + inputWeek.defaultValue.split("-W")[0]; 
  function resetDefault() { 
    var currentValue = inputWeek.value; 
    divDisplay.textContent = 'Value - ' + inputWeek.value + ' resets to - ' + inputWeek.defaultValue; 
    inputWeek.value = inputWeek.defaultValue; 
  } 
</script> 
</body> 
</html>

Kết quả

• Ban đầu: hiển thị "Tuần: 01 & Năm: 2022".
• Người dùng chọn tuần khác (ví dụ 2022-W25).
• Nhấn Khôi phục mặc định: ô week quay về 2022-W01, hiển thị thông báo reset.

Định dạng giá trị: YYYY-Www (ví dụ: 2022-W01 = tuần 1 năm 2022). Tuân thủ ISO 8601.