คุณสมบัติ step ของ Input DatetimeLocal

HTML DOM ประกาศวันเวลาท้องถิ่น

การใช้งานและการระบุ

step ตั้งค่าหรือกลับค่าคุณสมบัติ step ของช่องวัน-เวลาท้องถิ่น

คุณสมบัติ step ของ HTML กำหนดระยะเวลาที่ถูกต้องในช่องวัน-เวลาท้องถิ่นสำหรับวินาทีหรือมิลลิวินาที (ไม่ถูกใช้สำหรับวัน, เดือน, ปี, ชั่วโมงหรือนาที)

ตัวอย่าง: ถ้า step="2" แล้ว ตัวเลขที่ถูกต้องจะเป็น 0, 2, 4 และอื่น ๆ。

คำเตือน: คุณสมบัติ step มักถูกใช้ร่วมกับ max และ min ใช้คุณสมบัติร่วมกันเพื่อสร้างชุดค่าที่ถูกต้อง

ดูเพิ่มเติม

คู่มือ HTMLคุณสมบัติ step ของ HTML <input>

ตัวอย่าง

ตัวอย่าง 1

เปลี่ยนระยะเวลาที่ถูกต้องในช่องวัน-เวลาท้องถิ่นเป็นวินาที

document.getElementById("myLocalDate").step = "10";

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

ตัวอย่าง 2

เปลี่ยนระยะเวลาที่ถูกต้องในช่องวัน-เวลาท้องถิ่นเป็นมิลลิวินาที

document.getElementById("myLocalDate").step = ".020";

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

ตัวอย่าง 3

ใช้เพื่อขอรับระยะเวลาที่ถูกต้องในช่องวัน-เวลาท้องถิ่น

var x = document.getElementById("myLocalDate").step;

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

คำสั่ง

กลับค่าค่า step

datetimelocalObject.step

ตั้งค่าค่า step ขององค์ประกอบ

datetimelocalObject.step = number

ค่ารายละเอียด

ค่า คำอธิบาย
number

กำหนดระยะเวลาที่ถูกต้องในช่องวัน-เวลาท้องถิ่น

สำหรับวินาที:

ใช้ตัวเลขที่จะเข้าถึง "60" สุดท้าย อย่างเช่น: "1, "2", "10", "30" และอื่น ๆ。

สำหรับตำแหน่งมิลลิวินาที:

เริ่มต้นด้วย "." และใช้ตัวเลขที่จะเข้าถึง "1000" สุดท้าย อย่างเช่น: ".010", ".050", ".20" และอื่น ๆ。

รายละเอียดเทคนิค

ค่าที่กลับมา ตัวเลข ซึ่งเป็นตัวเลขชนิดที่ถูกต้องในระยะเวลาที่แสดงเป็นวินาทีหรือมิลลิวินาที。

การสนับสนุนบราวเซอร์

ตัวเลขในตารางบอกเล่าถึงเวอร์ชั่นบราวเซอร์ที่สนับสนุนคุณสมบัตินี้เต็มที่สุด。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
การสนับสนุน 10.0 การสนับสนุน การสนับสนุน การสนับสนุน

เจ้าหน้าที่:เฉลิมชัดใจ: องค์ประกอบ <input type="datetime-local"> ไม่แสดงช่องวันที่/ปฏิทินใน Firefox

HTML DOM ประกาศวันเวลาท้องถิ่น