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" />

Time Zone proposal examples

Month string:

Date string:

Yearless Date:

Time:

Floating date:

Zone offset:

Global date and time string:

Just a number:

Hixie's Scenario from Bug 17859

Ian contends that we don't want @lang to change the interpretation/display of date values more than we want to give page author's control over the format of the dates.

Enter your US date:

Enter your UK date:

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): .