Thuộc tính disabled của Input Date

Đối tượng Input Date DOM HTML

Định nghĩa và cách sử dụng

disabled Cài đặt hoặc trả về thuộc tính có nên vô hiệu hóa trường ngày tháng.

Các phần tử bị vô hiệu hóa không thể sử dụng và không thể nhấp vào. Theo mặc định, các phần tử bị vô hiệu hóa thường được hiển thị bằng màu xám trong trình duyệt.

Thuộc tính này phản ánh thuộc tính disabled của HTML.

Xin xem thêm:

Tài liệu tham khảo HTML:Thuộc tính disabled của HTML <input>

Mô hình

Ví dụ 1

Vô hiệu hóa trường ngày tháng:

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

Thử trực tiếp

Ví dụ 2

Xem trường ngày tháng có bị vô hiệu hóa hay không:

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

Thử trực tiếp

Ví dụ 3

Vô hiệu hóa và khôi phục vô hiệu hóa trường ngày tháng:

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

Thử trực tiếp

Cú pháp

Trả về thuộc tính disabled:

inputdateObject.disabled

Đặt thuộc tính disabled:

inputdateObject.disabled = true|false

Giá trị thuộc tính

Giá trị Mô tả
true|false

Định nghĩa có nên vô hiệu hóa trường ngày tháng hay không.

  • true - Trường ngày tháng bị vô hiệu hóa
  • false - Mặc định. Trường ngày tháng không bị vô hiệu hóa

Chi tiết kỹ thuật

Giá trị trả về: Giá trị boolean, nếu trường ngày tháng bị vô hiệu hóa, sẽ trả về truenếu không, trả về false.

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ tính năng này hoàn toàn.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ 10.0 Hỗ trợ Hỗ trợ Hỗ trợ

Lưu ý:Element <input type="date"> không hiển thị bất kỳ trường ngày tháng nào/điện thoại trong IE11 và các phiên bản trước.

Đối tượng Input Date DOM HTML