Input DatetimeLocal disabled属性

HTML DOM インプット データタイムローカル オブジェクト

定義と使用方法

disabled ローカルの日付時刻フィールドを無効化するかどうかを設定または返却します。

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

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

参照も：

HTMLリファレンスマニュアル：HTML <input> disabled 属性

例

例1

ローカルの日付時刻フィールドを無効化：

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

自分で試してみる

例2

ローカルの日付時刻フィールドが無効化されているか確認：

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

自分で試してみる

例3

ローカルの日付時刻フィールドの無効化と有効化：

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

自分で試してみる

構文

disabled属性の返却：

datetimelocalObject.disabled

disabled属性の設定：

datetimelocalObject.disabled = true|false

属性値

値 説明
true|false

ローカルの日付時刻フィールドを無効化するかどうかを規定します。

  • true - ローカルの日付時刻フィールドが無効化されています
  • false - デフォルト。ローカルの日付時刻フィールドは無効化されていません

技術的詳細

返却値： ローカルの日付時刻フィールドが無効化されている場合に返されます true；そうでない場合は、 false。

ブラウザのサポート

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

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

注意：<input type="datetime-local"> 要素は Firefox では任何の日期时间字段/カレンダーを表示しません。

HTML DOM インプット データタイムローカル オブジェクト