Input Date defaultValue 属性

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

定義と用法

defaultValue 属性は、日期フィールドのデフォルト値を設定または返却します。

注記：デフォルト値は HTML value 属性 で定義された値。

defaultValue と value 属性の違いは以下の通りです：

  • defaultValue にはデフォルト値が含まれます
  • 一方、value には変更された後の現在の値が含まれます
  • 変更がなかった場合、defaultValue と value は同じです（以下の例を参照してください）

日期フィールドが変更されたかどうかを確認したい場合、defaultValue 属性は非常に役立ちます。

例

例 1

日期フィールドのデフォルト値の変更：

document.getElementById("myDate").defaultValue = "2014-02-09";

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

例 2

日期フィールドのデフォルト値の取得：

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

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

例 3

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

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

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

文法

defaultValue 属性の返却：

inputdateObject.defaultValue

defaultValue 属性の設定：

inputdateObject.defaultValue = value

属性値

値 説明
value デフォルトの値を指定する日付フィールド。

技術的詳細

返り値： デフォルトの値を示す文字列値。

ブラウザサポート

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

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

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

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