Date Demo

input date types

Demonstrating various date input fields

Floating vs. Incremental Date

I18N-ISSUE-85, HTML-Bug: 17854

This field displays an alert showing the value computed from the date field 'onchange'. If you enter a date in the format 'yyyy-mm-dd', you'll see that the actual date value displayed varies according to your local time zone because the date isn't "floated". If your time zone is west of UTC, then the date displayed is always the previous day!

Date:


Other demos

Datetime:

Time:

Week:

Month:

In which 'lang' doesn't do anything:

What should the labels say?
<input type="date" name="date2" lang="de" title="Erscheinungsdatum" />

Confusing
<input type="date" name="date3" lang="de-u-ca-islamicc" calendar="ar-SA-u-ca-gregori" title="Erscheinungsdatum" />

The time field

The time field adds date/time value information to a piece of text. It doesn't change the rendering in any way.

This is a time field (datetime): .

This is a time field (time): .

This is a time field (pubdate): .