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

คุณสมบัติ value ของ HTML DOM Input Datetime ใช้สำหรับดึงหรือกำหนดค่าของแอตทริบิวต์ value ในช่องกรอกวันที่และเวลา (datetime) ค่าจะอยู่ในรูปแบบสตริง ISO 8601 พร้อมโซนเวลา (YYYY-MM-DDThh:mm:ssTZD)

ไวยากรณ์ (Syntax)

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

inputDatetimeObject.value

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

inputDatetimeObject.value = 'String'

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

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

<!DOCTYPE html>
<html>
<head>
<title>Input Datetime Value</title>
</head>
<body>
<form>
  <div> Date & Time: <input type="datetime" id="datetimeSelect" value="2015-08-22T16:24Z"> </div>
</form>
<button onclick="changeValue()">Change Value</button>
<div id="divDisplay"></div>
<script>
  var divDisplay = document.getElementById("divDisplay");
  var inputDatetime = document.getElementById("datetimeSelect");
  divDisplay.textContent = 'Current value: ' + inputDatetime.value;
  function changeValue(){
    var currDatetime = inputDatetime.value;
    inputDatetime.value = '2017-03-17T16:24Z';
    divDisplay.textContent = 'Updated value from: ' + currDatetime + ' to: ' + inputDatetime.value;
  }
</script>
</body>
</html>

ผลลัพธ์ (Output)

ก่อนคลิกปุ่ม: แสดงค่าเริ่มต้น 2015-08-22T16:24Z หลังคลิกปุ่ม Change Value: ค่าเปลี่ยนเป็น 2017-03-17T16:24Z และแสดงข้อความยืนยันการเปลี่ยนแปลง

หมายเหตุ: ชนิด datetime ถูกเลิกใช้แล้ว ควรใช้ datetime-local แทน