คุณสมบัติ value ของ HTML DOM Input Date

คุณสมบัติ value ของ HTML DOM Input Date ใช้สำหรับดึงหรือกำหนดค่าของแอตทริบิวต์ value ในช่องกรอกวันที่ (type="date") ค่าจะอยู่ในรูปแบบสตริงแบบ ISO 8601 (YYYY-MM-DD)

ไวยากรณ์ (Syntax)

การดึงค่า (คืนค่า string)

inputDateObject.value

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

inputDateObject.value = 'String'

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

ตัวอย่างด้านล่างแสดงการเปลี่ยนค่าวันที่ในช่องกรอกวันที่:

<!DOCTYPE html>
<html>
<head>
<title>Input Date Value</title>
</head>
<body>
<form>
  <div> Calendar: <input type="date" id="dateSelect" value="2015-08-22"> </div>
</form>
<button onclick="changeValue()">Change Value</button>
<div id="divDisplay"></div>
<script>
  var divDisplay = document.getElementById("divDisplay");
  var inputDate = document.getElementById("dateSelect");
  divDisplay.textContent = 'Current value: ' + inputDate.value;
  function changeValue(){
    var currDate = inputDate.value;
    inputDate.value = '1968-02-27';
    divDisplay.textContent = 'Updated value from: ' + currDate + ' to: ' + inputDate.value;
  }
</script>
</body>
</html>

ผลลัพธ์ (Output)

ก่อนคลิกปุ่ม: แสดงวันที่ปัจจุบันคือ 2015-08-22 หลังคลิกปุ่ม Change Value: วันที่จะเปลี่ยนเป็น 1968-02-27 และแสดงข้อความยืนยันการเปลี่ยนแปลง

หมายเหตุ: รูปแบบวันที่ต้องเป็น YYYY-MM-DD เท่านั้น ไม่รวมเวลา