Latest web development tutorials

HTML DOM Input Date disabled 屬性

Input Date 對象參考手冊 Input Date對象

實例

禁用日期字段:

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

The result could be:


嘗試一下»

定義和用法

disabled 屬性設置或返回日期字段是否可用。

使用disabled 屬性的元素是不可用和不可點擊的。 禁用的元素在瀏覽器上通常顯示為灰色。

該屬性反映了HTML disabled 屬性。

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持disabled 屬性。

注意： Internet Explorer或Firefox瀏覽器不支持<input type="date">元素。

語法

返回disabled 屬性：

inputdateObject .disabled

設置disabled 屬性：

inputdateObject .disabled=true|false

屬性值

值 描述
true|false 描述日期字段是否可用。
  • true - 日期字段不可用
  • false - 默认。日期字段可用。

技術細節

返回值： 布爾值，如果日期字段可用返回true ，否則返回false。

更多實例

實例

查看date 字段是否可用：

var x = document.getElementById("myDate").disabled;
x輸出結果為：
true

嘗試一下»

實例

禁用及啟用date 字段：

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

嘗試一下»

相關頁面

HTML參考手冊: HTML <input> disabled屬性

Input Date 對象參考手冊 Input Date對象