คุณสมบัติ HTML DOM Input Week defaultValue

คุณสมบัติ defaultValue ของ HTML DOM Input Week ใช้สำหรับดึงหรือกำหนดค่าเริ่มต้นของช่องป้อนสัปดาห์ (<input type="week">) ค่าไม่เปลี่ยนแม้ผู้ใช้จะแก้ไข

ไวยากรณ์ (Syntax)

การดึงค่า defaultValue

inputWeekObject.defaultValue

การกำหนดค่า defaultValue

inputWeekObject.defaultValue = 'string'

ตัวอย่างการใช้งาน

ตัวอย่างรีเซ็ตสัปดาห์กลับไปเป็นค่าเริ่มต้น

<!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">สัปดาห์เป้าหมาย: <input type="week" id="WeekSelect" value="2022-W01"> </label> 
    <input type="button" onclick="getDefaultValue()" value="Reset Default Value"> 
    <div id="divDisplay"></div> 
  </fieldset> 
</form> 
<script> 
  var divDisplay = document.getElementById("divDisplay"); 
  var inputWeek = document.getElementById("WeekSelect"); 
  divDisplay.textContent = 'Week: ' + inputWeek.defaultValue.split("-W")[1]; 
  divDisplay.textContent += ' & Year: ' + inputWeek.defaultValue.split("-W")[0]; 
  function getDefaultValue() { 
    var currentValue = inputWeek.value; 
    divDisplay.textContent = 'Value - ' + inputWeek.value + ' resets to - ' + inputWeek.defaultValue; 
    inputWeek.value = inputWeek.defaultValue; 
  } 
</script> 
</body>
</html>

ผลลัพธ์

เริ่มต้น - แสดง "Week: 01 & Year: 2022"

เปลี่ยนสัปดาห์ในช่อง แล้วคลิก "Reset Default Value" - แสดงข้อความรีเซ็ต และช่องกลับเป็น 2022-W01

รูปแบบค่า: YYYY-Www (เช่น 2022-W01 = ปี 2022 สัปดาห์ที่ 1)