Input Time disabled 属性

HTML DOM インプット タイム オブジェクト

定義と使用方法

disabled 時間フィールドを無効化すべきかどうかを設定または返します。

無効化された要素は使用できず、クリックもできません。デフォルトでは、無効化された要素はブラウザで灰色に表示されます。

この属性は HTML の disabled 属性を反映します。

参照もどうぞ：

HTML 参考マニュアル：HTML <input> disabled 属性

例

例 1

時間フィールドを無効化する：

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

自分で試してみてください

例 2

時間フィールドが無効化されているかどうかを確認します：

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

自分で試してみてください

例 3

時間フィールドの無効化と有効化：

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

自分で試してみてください

構文

disabled 属性を返す：

timeObject.disabled

disabled 属性を設定する：

timeObject.disabled = true|false

属性値

値 説明
true|false

時間フィールドを無効化すべきかどうかを規定します。

  • true - 時間フィールドが無効化されています。
  • false - デフォルト。時間フィールドが無効化されていません。

技術的詳細

返り値： ブール値、時間フィールドが無効化されている場合に返されます true、そうでない場合は false。

ブラウザのサポート

表の数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート 10.0 サポート サポート サポート

注意：<input type="time"> 要素は Firefox では時間フィールドとして表示されません。

HTML DOM インプット タイム オブジェクト