อ็อบเจ็กต์ HTML DOM Input DatetimeLocal แทนองค์ประกอบ <input> ที่มี type เป็น datetime-local ในเอกสาร HTML ใช้สำหรับกรอกวันที่และเวลาในโซนเวลาท้องถิ่น (ไม่รวม timezone)
ไวยากรณ์ (Syntax)
การสร้าง <input> ด้วย type datetime-local
var datetimeLocalObject = document.createElement("input");
datetimeLocalObject.type = "datetime-local";
แอตทริบิวต์ (Attributes)
| แอตทริบิวต์ | คำอธิบาย |
|---|
| autocomplete | กำหนดค่า autocomplete ของช่อง datetime-local |
| autofocus | กำหนดโฟกัสอัตโนมัติเมื่อโหลดหน้าเว็บ |
| defaultValue | ตั้งค่า/ดึงค่าเริ่มต้นของช่อง datetime-local |
| disabled | กำหนดปิด/เปิดใช้งานช่อง datetime-local |
| form | อ้างอิงฟอร์มผู้ปกครองที่ครอบคลุมช่อง datetime-local |
| max | ดึง/ตั้งค่าค่า max (ค่าสูงสุด) ของช่อง datetime-local |
| min | ดึง/ตั้งค่าค่า min (ค่าต่ำสุด) ของช่อง datetime-local |
| name | กำหนดค่าแอตทริบิวต์ name ของช่อง datetime-local |
| readOnly | กำหนดว่าช่อง datetime-local เป็นแบบอ่านอย่างเดียวหรือไม่ |
| required | กำหนดว่าช่อง datetime-local เป็นฟิลด์บังคับหรือไม่ |
| step | กำหนดค่า step (ช่วงเวลา) ของช่อง datetime-local |
| type | คืนค่าชนิดขององค์ประกอบฟอร์ม (datetime-local) |
| value | กำหนดค่าแอตทริบิวต์ value ของช่อง datetime-local |
เมธอด (Methods)
| เมธอด | คำอธิบาย |
|---|
| stepDown() | ลดค่าช่อง datetime-local ตามจำนวนนาทีที่ระบุ |
| stepUp() | เพิ่มค่าช่อง datetime-local ตามจำนวนนาทีที่ระบุ |
ข้อดีของ datetime-local: ไม่มีปัญหาเรื่องโซนเวลา เหมาะสำหรับแอปพลิเคชันที่ใช้ในพื้นที่เฉพาะเจาะจง
