อัตริบิวต disabled ของ Input Datetime

เอชทีเอ็มแอล ดอม อินพุท ดาเททีม อ็อบเจกท์

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

disabled ตั้งค่าหรือคืนค่าว่าควรหมดไปช่องวันที่และเวลาหรือไม่

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

อัตริบิวตนี้สะท้อนอัตริบิวต disabled ของ HTML

ดูเพิ่มเติม

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

ตัวอย่าง

ตัวอย่าง 1

หมดไปช่องวันที่และเวลา

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

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

ตัวอย่าง 2

ตรวจสอบว่าช่องวันที่และเวลาหมดไปหรือไม่

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

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

ตัวอย่าง 3

หมดไปและหายไปช่องวันที่และเวลา

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

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

ความเขียนรูปแบบ

คืนค่าอัตริบิวต disabled

datetimeObject.disabled

ตั้งค่าอัตริบิวต disabled

datetimeObject.disabled = true|false

ค่าทางของอัตрибิวต

ค่า คำอธิบาย
true|false

กำหนดว่าควรหมดไปช่องวันที่และเวลาหรือไม่

  • true - ช่องวันที่และเวลาหมดไป
  • false - โดยค่าเริ่มต้น ช่องวันที่และเวลายังไม่หมดไป

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

ค่าที่คืนค่ามา ค่าบูลเลียน หากสำหรับช่องวันที่และเวลาหมดไปแล้ว จะคืนค่า trueและถ้าไม่มีการกำหนด ก็จะคืนค่า false。

การสนับสนุนโปรแกรมบราวเซอร์

ตัวเลขในตารางระบุสัปดาห์ของบราวเซอร์ที่สนับสนุนคุณสมบัตินี้เต็มที่

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

สัญญาณเตือน：องค์ประกอบ <input type="datetime"> ไม่แสดงช่องว่างของวันที่และเวลา/ปฏิทินในบราวเซอร์ทั้งหมด ยกเว้น Safari

เอชทีเอ็มแอล ดอม อินพุท ดาเททีม อ็อบเจกท์