HTML DOM Input Date อ象

Input Date ตัวแปร

Input Date ตัวแปรเป็นตัวแปรใหม่ใน HTML5

Input Date ตัวแปรแสดงสิ่งที่มีความเกี่ยวข้องกับ HTML <input type="datetime">

หมายเหตุ：Internet Explorer หรือ Firefox ไม่สนับสนุนสิ่งที่มีความเกี่ยวข้องกับ <input type="date">

เข้าถึง Input Date ตัวแปร

คุณสามารถเข้าถึงสิ่งที่มีความเกี่ยวข้องกับ <input type="date"> โดยใช้วิธี getElementById() ได้:

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

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

คำเตือน：คุณยังสามารถเข้าถึง Input Date ตัวแปรผ่าน ชุด elementsเพื่อเข้าถึง Input Date ตัวแปร

สร้าง Input Date ตัวแปร

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

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

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

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

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

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

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

มาตรฐานและเหตุการณ์

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

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

ตัวเรียก HTML:ฟอร์ม HTML

คู่มืออ้างอิง HTML:ตัวแปร <input> ของ HTML

คู่มืออ้างอิง HTML:ตัวแปร <input> type ของ HTML