HTML DOM องค์ประกอบ Input Datetime

วัตถุ Datetime

วัตถุ Datetime คือวัตถุใหม่ใน HTML5。

วัตถุ Datetime นำเสนอส่วนประกอบ HTML <input type="datetime">。

หมายเหตุ：Internet Explorer, Firefox หรือ Chrome ไม่สนับสนุนส่วนประกอบ <input type="datetime"> อย่างเต็มที่ แต่ Safari สนับสนุนบางส่วน และ Opera 12 และเก่ายิ่งกว่านั้นสนับสนุนอย่างเต็มที่。

เข้าถึงวัตถุ Datetime

คุณสามารถเข้าถึงส่วนประกอบ <input type="myDatetime"> โดยใช้ getElementById() ได้:

var x = document.getElementById("myDatetime");

ทดลองด้วยตัวเอง

คำเตือน：คุณยังสามารถเข้าถึงฟอร์มโดยใช้การวนลูป ชุด elementsเพื่อเข้าถึงวัตถุ Datetime。

สร้างวัตถุ Datetime

คุณสามารถสร้างส่วนประกอบ <input type="datetime"> โดยใช้วิธี document.createElement() ได้:

var x = document.createElement("INPUT");
x.setAttribute("type", "datetime");

ทดลองด้วยตัวเอง

คุณสมบัติDatetime ตัวแปร

คุณสมบัติ คำอธิบาย
autocomplete ตั้งค่าหรือกลับค่าคุณสมบัติ autocomplete ของฟิลด์ datetime
autofocus ตั้งค่าหรือกลับค่าว่าฟิลด์ datetime จะทำงานโดยอัตโนมัติเมื่อหน้าเว็บจะโหลดเข้ามา
defaultValue ตั้งค่าหรือกลับค่าค่าเริ่มต้นของฟิลด์ datetime
disabled ตั้งค่าหรือกลับค่าว่าฟิลด์ datetime จะถูกปิดการใช้งาน
form กลับค่าอ้างอิงต่อฟอร์มที่มีฟิลด์ datetime
list กลับค่าอ้างอิงต่อ datalist ที่มีฟิลด์ datetime
max ตั้งค่าหรือกลับค่าคุณสมบัติ max ของฟิลด์ datetime
min ตั้งค่าหรือกลับค่าคุณสมบัติ min ของฟิลด์ datetime
name ตั้งค่าหรือกลับค่าคุณสมบัติ name ของฟิลด์ datetime
readOnly ตั้งค่าหรือกลับค่าว่าฟิลด์ datetime จะมีความสามารถเข้าอ่านเท่านั้น
required ตั้งค่าหรือกลับค่าว่าฟิลด์ datetime จะต้องกรอกก่อนที่จะส่งฟอร์ม
step ตั้งค่าหรือกลับค่าคุณสมบัติ step ของฟิลด์ datetime
type กลับค่าประเภทสามัญขององค์ประกอบฟอร์มที่มีฟิลด์ datetime
value ตั้งค่าหรือกลับค่าคุณสมบัติ value ของฟิลด์ datetime

วิธี Input Datetime ตัวแปร

วิธี คำอธิบาย
select() เลือกเนื้อหาของฟิลด์ข้อความวัน-เวลา
stepDown() ลดค่าของฟิลด์ datetime ตามตัวเลขที่กำหนด
stepUp() เพิ่มค่าของฟิลด์ datetime ตามตัวเลขที่กำหนด

คุณสมบัติมาตรฐานและเหตุการณ์

Datetime ตัวแปรสนับสนุนมาตรฐานคุณสมบัติและเหตุการณ์。

หน้าที่เกี่ยวข้อง

คู่มือ HTML:ฟอร์ม HTML

คู่มืออ้างอิง HTML:แบตทิ้ง <input> HTML

คู่มืออ้างอิง HTML:คุณสมบัติ type ของ <input> HTML