คุณสมบัติ HTML DOM Time dateTime ส่งกลับ/ตั้งค่าแอตทริบิวต์ datetime ขององค์ประกอบเวลา
ต่อไปนี้เป็นไวยากรณ์ -
ส่งกลับค่าสตริง
timeObject.dateTime
การตั้งค่า วันที่และเวลา เป็นค่าสตริง
timeObject.dateTime = YYYY-MM-DDThh:mm:ssTZD
ที่นี่ “ปปปป-MM-DDThh:mm:ssTZD ” สามารถเป็นดังต่อไปนี้ −
stringValue | รายละเอียด |
---|---|
YYYY | เป็นตัวกำหนดปี (เช่น:1998) |
MM | กำหนดเดือน (เช่น 05 สำหรับเดือนพฤษภาคม) |
DD | กำหนดวัน (เช่น:24) |
T | เป็นตัวคั่นวันที่และเวลา |
hh | กำหนดชั่วโมง (เช่น:12) |
mm | กำหนดนาที (เช่น:48) |
ss | กำหนดวินาที (เช่น:00) |
TZD | ตัวกำหนดเขตเวลา (IST หมายถึง Indian StandardTime) |
ให้เราดูตัวอย่างของ Time dateTime ทรัพย์สิน −
ตัวอย่าง
<!DOCTYPE html> <html> <head> <title>Time dateTime</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>Time-dateTime</legend> <label>Notification : <strong>Examination Incoming!</strong> <time id="TimeDateTimeSelect" dateTime="2019-05-23T12:45Z"> </label> <input type="button" onclick="getExamDate()" value="What's the Exam Date?"> <div id="divDisplay"></div> </fieldset> </form> <script> var divDisplay = document.getElementById("divDisplay"); var TimeDateTimeSelect = document.getElementById("TimeDateTimeSelect"); function getExamDate() { divDisplay.textContent = 'Examination Date: '+TimeDateTimeSelect.dateTime; } </script> </body> </html>
ผลลัพธ์
ก่อนคลิก 'สอบวันไหน' ปุ่ม −
หลังจากคลิก 'วันสอบคืออะไร' ปุ่ม −