Input Datetime readOnly属性

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

定義と使用方法

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

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

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

ヒント：ユーザーがフィールドと交互に行動を取らないようにする場合は、代わりに disabled属性。

参照もしくは

HTMLリファレンスマニュアル：HTML <input> readonly プロパティ

インスタンス

例1

日付時間フィールドを読み取り専用に設定する：

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

自分で試してみる

例2

日付時間フィールドが読み取り専用かどうかを確認する：

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

自分で試してみる

構文

readOnly属性を返す：

datetimeObject.readOnly

readOnly属性を設定する：

datetimeObject.readOnly = true|false

属性値

値 説明
true|false

日付時間フィールドが読み取り専用であるべきかどうかを定義します。

  • true - 日付時間フィールドは読み取り専用です
  • false - デフォルト。日付時間フィールドは読み取り専用ではありません

技術的詳細

戻り値： ブール値、日付時間フィールドが読み取り専用の場合は戻る true；それとも戻る false。

ブラウザのサポート

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

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

注意：Safari 以外のすべての主要ブラウザでは、<input type="datetime"> エレメントは、日付と時間のフィールド/カレンダーを表示しません。

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