Input DatetimeLocal defaultValue属性

定義と使用方法

defaultValue 属性を設定またはローカルの日付時刻フィールドのデフォルト値を返します。

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

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

  • defaultValueにはデフォルト値が含まれます
  • 一方、valueには変更が加えられた現在の値が含まれます
  • 変更がなければ、defaultValueとvalueは同じです(以下の例を参照してください)

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

例1

ローカルの日付時刻フィールドのデフォルト値を変更します:

document.getElementById("myLocalDate").defaultValue = "2015-01-02T11:42:13.510";

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

例2

ローカルの日付時刻フィールドのデフォルト値を取得します:

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

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

例3

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

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

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

構文

defaultValue属性を返します:

datetimelocalObject.defaultValue

defaultValue属性を設定します:

datetimelocalObject.defaultValue = value

属性値

説明
value ローカルの日付時刻フィールドのデフォルト値を定義します。

技術的詳細

返り値: 文字列値で、ローカル日期时间フィールドのデフォルト値を表します。

ブラウザのサポート

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

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

注意:<input type="datetime-local"> 要素は Firefox では任何の日期时间字段/カレンダーを表示しません。