คุณสมบัติ disabled ของ Input Date

เอ็นไทป์ HTML DOM Input Date

คำอธิบายและการใช้งาน

disabled ตั้งค่าหรือกลับค่าว่าควรปิดกั้นฟิลด์วันที่หรือไม่

องค์ประกอบที่ถูกปิดกั้นไม่สามารถใช้งานและไม่สามารถคลิกได้ โดยมาตรฐานองค์ประกอบที่ถูกปิดกั้นจะแสดงเป็นสีเทาในเว็บเบราเซอร์

คุณสมบัตินี้แสดงค่าของคุณสมบัติ disabled ของ HTML

ดูเพิ่มเติม:

คู่มือเอชทีเอ็มและแอนด์:ตัวแปร disabled ของ HTML <input>

ตัวอย่าง

ตัวอย่าง 1

ปิดกั้นฟิลด์วันที่:

document.getElementById("myDate").disabled = true;

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

ตัวอย่าง 2

ตรวจสอบว่าฟิลด์วันที่ถูกปิดกั้นหรือไม่:

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

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

ตัวอย่าง 3

ปิดกั้นและปิดกั้นค่าวันที่:

function disableBtn() {
    document.getElementById("myDate").disabled = true;
}
function undisableBtn() {
    document.getElementById("myDate").disabled = false;
}

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

ภาษาเข้ารหัส

กลับค่าคุณสมบัติ disabled:

inputdateObject.disabled

ตั้งค่าคุณสมบัติ disabled:

inputdateObject.disabled = true|false

ค่าของคุณสมบัติ

ค่า รายละเอียด
true|false

กำหนดว่าควรปิดกั้นฟิลด์วันที่หรือไม่

  • true - ฟิลด์วันที่ถูกปิดกั้น
  • false - โดยเริ่มต้น。ฟิลด์วันที่ยังไม่ถูกปิดกั้น

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

ค่าที่กลับมา: ค่าบูลทรู ถ้าช่องวันที่ถูกบล็อก ก็จะกลับมาด้วย trueถ้าไม่มีการเปิดใช้งาน ก็จะกลับมาด้วย false。

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

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน 10.0 สนับสนุน สนับสนุน สนับสนุน

แจ้งเตือน：องค์ประกอบ <input type="date"> ไม่แสดงวันที่/ปฏิทินใน IE11 และรุ่นเก่าของ IE

เอ็นไทป์ HTML DOM Input Date