ล่าสุดการพัฒนาเว็บบทเรียน
×

JavaScript การอ้างอิง

ภาพรวม

JavaScript

JS เชือก JS จำนวน JS ผู้ประกอบการ JS งบ JS คณิตศาสตร์ JS วันที่ JS แถว JS บูลีน JS นิพจน์ทั่วไป JS สถานการณ์โดยรวม JS การแปลง

เบราว์เซอร์ BOM

Window Navigator Screen History Location

HTML DOM

DOM เอกสาร DOM องค์ประกอบ DOM แอตทริบิวต์ DOM เหตุการณ์ DOM รูปแบบ

HTML วัตถุ

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

วัตถุอื่น ๆ

CSSStyleDeclaration


 

DOM HTML ป้อนวัตถุ Datetime


การป้อนข้อมูลวัตถุ Datetime

การป้อนข้อมูลวันที่และเวลาวัตถุเป็นของใหม่ใน HTML5

การป้อนข้อมูลวันที่และเวลาหมายถึงวัตถุ HTML <input> องค์ประกอบที่มีประเภท = "วันที่และเวลา"

หมายเหตุ: <input> องค์ประกอบที่มีประเภท = "datetime" ไม่ได้แสดงเป็นสาขาใดสาขาหนึ่ง datetime / ปฏิทินในใด ๆ ของเบราว์เซอร์ที่สำคัญยกเว้นซาฟารี

เข้าถึงการป้อนข้อมูลวันที่และเวลาวัตถุ

คุณสามารถเข้าถึง <input> องค์ประกอบที่มีประเภท = "datetime" โดยใช้ getElementById() :

ตัวอย่าง

var x = document.getElementById("myDatetime");
ลองตัวเอง»

เคล็ดลับ: คุณยังสามารถเข้าถึง <input type="datetime"> โดยการค้นหาผ่าน องค์ประกอบ คอลเลกชันของฟอร์ม

สร้างการป้อนข้อมูลวันที่และเวลาวัตถุ

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

ตัวอย่าง

var x = document.createElement("INPUT");
x.setAttribute("type", "datetime");
ลองตัวเอง»

ป้อนข้อมูลคุณสมบัติของวัตถุ Datetime

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

วิธีการป้อนวัตถุ Datetime

วิธี ลักษณะ
stepDown() decrements ค่าของเขตข้อมูลวันที่และเวลาโดยจำนวนที่ระบุ
stepUp() เพิ่มขึ้นค่าของเขตข้อมูลวันที่และเวลาโดยจำนวนที่ระบุ

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

การป้อนข้อมูลวันที่และเวลาวัตถุนอกจากนี้ยังสนับสนุนมาตรฐาน คุณสมบัติ และ เหตุการณ์ที่เกิดขึ้น


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

กวดวิชา HTML: รูปแบบ HTML

อ้างอิง HTML: HTML <input> แท็ก

อ้างอิง HTML: HTML <input> ประเภทแอตทริบิวต์