Latest web development tutorials

HTML DOM Input Datetime disabled 屬性

Input Datetime 對象參考手冊 Input Datetime對象

實例

禁用datetime 字段:

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

結果輸出為:


嘗試一下»

定義和用法

disabled 屬性用於設置或者返回datetime 字段是否被禁用。

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

該屬性反映了HTML disabled 屬性。

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

注意： Internet Explorer, Firefox, Opera 15 (及更高版本)或Chrome支持<input>元素使用type="datetime"。

語法

返回disabled 屬性：

datetimeObject .disabled

設置disabled 屬性：

datetimeObject .disabled=true|false

屬性值

值 描述
true|false 描述datetime 字段是否可用。
  • true - datetime 字段不可用
  • false - 默認。 datetime 字段可用

技術細節

返回值： 布爾值，如果datetime 字段不可用返回true，否則返回false

更多實例

實例

查看datetime 字段是否可用：

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

嘗試一下»

實例

禁用和啟用datetime 字段:

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

嘗試一下»

相關頁面

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

Input Datetime 對象參考手冊 Input Datetime對象