Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

คุณสมบัติ step ของ HTML DOM Input Date

คุณสมบัติ step ของ HTML DOM Input Date ใช้กำหนดช่วงวันที่ที่ถูกต้องให้เลือกเมื่อผู้ใช้เปิดปฏิทิน ตั้งค่าหรือคืนค่าค่าของแอตทริบิวต์ step ของ input date

รูปแบบไวยากรณ์ (Syntax)

  • การคืนค่าตัวเลข
inputDateObject.step
  • การตั้งค่าแอตทริบิวต์ value เป็นค่าตัวเลข
inputDateObject.step = number

ตัวอย่าง

ตัวอย่างการใช้งานคุณสมบัติ Input Date step:

<!DOCTYPE html> <html> <head> <title>Input Date required</title> </head> <body> <form> <div> ปฏิทินวันที่คี่: <input type="date" id="dateSelect" step="2"> </div> </form> <div id="divDisplay"></div> <script>    var divDisplay = document.getElementById("divDisplay");    var inputDate = document.getElementById("dateSelect");    divDisplay.textContent = 'Current step: '+inputDate.step; </script> </body> </html>

ผลลัพธ์

โค้ดด้านบนจะให้ผลลัพธ์ดังนี้ โดย step ถูกตั้งค่าเป็น 2:

คุณสมบัติ step ของ HTML DOM Input Date