THE WORLD'S LARGEST WEB DEVELOPER SITE

Input Date value Property

❮ Input Date Object

Example

Set a date for a date field:

document.getElementById("myDate").value = "2014-02-09";
Try it Yourself »

Definition and Usage

The value property sets or returns the value of the value attribute of a date field.

The value attribute specifies a date for the date field.


Browser Support

Property
value Yes 10.0 Yes Yes Yes

Note: The <input type="date"> element does not show any date field/calendar in Firefox.


Syntax

Return the value property:

inputdateObject.value

Set the value property:

inputdateObject.value=YYYY-MM-DD

Property Values

Value Description
YYYY-MM-DD Specifies a date for the date field.

Explanation of components:
  • YYYY - year (e.g. 2011)
  • MM - month (e.g. 01 for January)
  • DD - day of the month (e.g. 08)
An example: "2014-02-09" means February 9th, 2014 (09/02/2014).

Technical Details

Return Value: A String, representing the date of the date field

More Examples

Example

Get the date of a date field:

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

The result of x will be:

2000-05-05
Try it Yourself »

Example

An example that shows the difference between the defaultValue and value property:

var x = document.getElementById("myDate");
var defaultVal = x.defaultValue;
var currentVal = x.value;
Try it Yourself »

Related Pages

HTML reference: HTML <input> value attribute


❮ Input Date Object