Input DatetimeLocal readOnly 属性

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

定義と使用方法

readOnly 属性を設定またはローカル日時フィールドが読み取り専用であるべきかどうかを返却します。

読み取り専用のフィールドは変更できません。ただし、ユーザーはそれを選択し、ハイライトし、テキストをコピーすることができます。

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

ヒント：ユーザーがフィールドと対話するのを防ぐ場合は、代わりに使用してください disabled 属性。

他にも参照してください：

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

インスタンス

例 1

ローカル日時フィールドを読み取り専用に設定：

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

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

例 2

ローカル日時フィールドが読み取り専用であるか確認：

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

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

構文

readOnly 属性を返却：

datetimelocalObject.readOnly

readOnly 属性の設定：

datetimelocalObject.readOnly = 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 イプート・デイタイムローカル オブジェクト