How to set default value to the input[type="date"]

html date html-input
hh54188 picture hh54188 · Jan 8, 2013 · Viewed 466.2k times · Source

I have tried (JSFiddle):

<input type="date" value="2012-3-23">

but it doesn't work, how can I set the default value?

Answer

Lewis Norton picture Lewis Norton · Jan 8, 2013

The date should take the format YYYY-MM-DD. Single digit days and months should be padded with a 0. January is 01.

From the documentation:

A string representing a date.

Value: A valid full-date as defined in [RFC 3339], with the additional qualification that the year component is four or more digits representing a number greater than 0.

Your code should be altered to:

<input type="date" value="2013-01-08">

Example jsfiddle

Related questions

HTML5 pattern for formatting input box to take date mm/dd/yyyy?

I used jQuery datepicker and I want to restrict my input field with a HTML5 pattern if a user, instead of getting the date from jQuery datepicker, types the date. How can I restrict my users with a HTML5 pattern …

Read More
Is there any way to change input type="date" format?

I'm working with HTML5 elements on my webpage. By default input type="date" shows date as YYYY-MM-DD. The question is, is it possible to change its format to something like: DD-MM-YYYY?

Read More
How to set input type date's default value to today?

The HTML5 input types are great, Opera's new built-in date picker is a breeze, and Chrome has at least supported the new input type with a spin-wheel implementation. But is there any way to set the default value of the …

Read More