คุณสมบัติ disabled ของ HTML DOM Input Date ใช้ตั้งค่า/คืนค่าว่า Input Date จะถูกเปิดใช้งานหรือปิดใช้งาน
รูปแบบไวยากรณ์ (Syntax)
- การคืนค่าบูลีน - true/false
inputDateObject.disabled
- การตั้งค่า disabled เป็น booleanValue
inputDateObject.disabled = booleanValue
ค่าบูลีนที่เป็นไปได้
ในที่นี้ “booleanValue” สามารถเป็นค่าต่อไปนี้ได้:
| booleanValue | รายละเอียด |
|---|---|
| true | กำหนดว่า input date ถูกปิดใช้งาน |
| false | กำหนดว่า input date ไม่ถูกปิดใช้งาน และเป็นค่าเริ่มต้น |
ตัวอย่าง
ตัวอย่างการใช้งานคุณสมบัติ Input Date disabled:
<!DOCTYPE html> <html> <head> <title>Input Date Disabled</title> </head> <body> <form> เลือกวันที่: <input type="date" id="dateSelect" disabled> </form> <button onclick="enableDateInput()">เปิดใช้งาน Input Date</button> <div id="divDisplay"></div> <script> var divDisplay = document.getElementById("divDisplay"); var inputDate = document.getElementById("dateSelect"); divDisplay.textContent = 'Input Date ถูกปิดใช้งาน: '+inputDate.disabled; function enableDateInput() { inputDate.disabled = false; divDisplay.textContent = 'Input Date ถูกปิดใช้งาน: '+inputDate.disabled; } </script> </body> </html>
ผลลัพธ์
โค้ดด้านบนจะให้ผลลัพธ์ดังนี้:
ก่อนคลิกปุ่ม 「เปิดใช้งาน Input Date」 :
หลังคลิกปุ่ม 「เปิดใช้งาน Input Date」 :
