Input Date readOnly 属性

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

定義と使用方法

readOnly 属性設定または読み取り専用の日期フィールドであるかどうかを返します。

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

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

ヒント：ユーザーがこのフィールドとインタラクションするのを防ぐには、代わりに disabled 属性。

参照してください：

HTML 参考マニュアル：HTML <input> readonly プロパティ

インスタンス

例1

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

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

実際に試してみましょう

例2

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

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

実際に試してみましょう

文法

readOnly 属性の返り値：

inputdateObject.readOnly

readOnly 属性の設定：

inputdateObject.readOnly = true|false

属性値

値 説明
true|false

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

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

技術的詳細

返り値： 日期フィールドが読み取り専用である場合に返されます true、それ以外の場合は返します false。

ブラウザサポート

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

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

注意：<input type="date"> タグは IE11 およびそれ以前のバージョンでは、何も日付フィールドまたはカレンダーを表示しません。

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