Input Date value属性

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

定義と使用方法

value 属性の設定または日付フィールドのvalue属性の値の返却。

HTML value属性は日付フィールドの日付を規定します。

参照してください：

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

インスタンス

例1

日付フィールドに日付を設定：

document.getElementById("myDate").value = "2023-02-15";

実際に試してみてください

例2

日付フィールドの日付を取得：

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

実際に試してみてください

例3

defaultValueとvalue属性の差を示す例：

var x = document.getElementById("myDate");
var defaultVal = x.defaultValue;
var currentVal = x.value;

実際に試してみてください

構文

value属性の返却：

inputdateObject.value

value属性の設定：

inputdateObject.value = YYYY-MM-DD

属性値

値 説明
YYYY-MM-DD

規定の日付フィールドの日付。

コンポーネント説明：

  • YYYY 年（例えば2023年）
  • MM 月（例えば02は6月を意味します）
  • DD 月の特定の日（例えば15日）

例えば、「2023-02-15」は2023年2月15日（15/02/2023）を意味します。

技術的詳細

戻り値： 日付フィールドの日付を示す文字列値。

ブラウザのサポート

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

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

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

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