| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> |
| <html> |
| <head><title>Default values for date/time input (type= date, datetime, datetime-local, month, time, week)</title></head> |
| |
| <p>Enter Up or Down, or click the spin buttons for each input field.</p> |
| |
| <form> |
| <ul> |
| <li>Emtpy values, no steps |
| <ul> |
| <li>date: <input type="date" size="32" value="" /> |
| <li>datetime: <input type="datetime" size="32" value="" /> |
| <li>datetime-local: <input type="datetime-local" size="32" value="" /> |
| <li>month: <input type="month" size="32" value="" /> |
| <li>time: <input type="time" size="32" value="" /> |
| <li>week <input type="week" size="32" value="" /> |
| </ul> |
| <li>Invalid values, no steps |
| <ul> |
| <li>date: <input type="date" size="32" value="foo" /> |
| <li>datetime: <input type="datetime" size="32" value="foo" /> |
| <li>datetime-local: <input type="datetime-local" size="32" value="foo" /> |
| <li>month: <input type="month" size="32" value="foo" /> |
| <li>time: <input type="time" size="32" value="foo" /> |
| <li>week <input type="week" size="32" value="foo" /> |
| </ul> |
| <li>Emtpy values, invalid steps |
| <ul> |
| <li>date: <input type="date" size="32" value="" step="foo" /> |
| <li>datetime: <input type="datetime" size="32" value="" step="foo" /> |
| <li>datetime-local: <input type="datetime-local" size="32" value="" step="foo" /> |
| <li>month: <input type="month" size="32" value="" step="foo" /> |
| <li>time: <input type="time" size="32" value="" step="foo" /> |
| <li>week <input type="week" size="32" value="" step="foo" /> |
| </ul> |
| <li>Invalid values, invalid steps |
| <ul> |
| <li>date: <input type="date" size="32" value="foo" step="foo" /> |
| <li>datetime: <input type="datetime" size="32" value="foo" step="foo" /> |
| <li>datetime-local: <input type="datetime-local" size="32" value="foo" step="foo" /> |
| <li>month: <input type="month" size="32" value="foo" step="foo" /> |
| <li>time: <input type="time" size="32" value="foo" step="foo" /> |
| <li>week <input type="week" size="32" value="foo" step="foo" /> |
| </ul> |
| <li>Emtpy values, step=any |
| <ul>s |
| <li>date: <input type="date" size="32" value="" step="any" /> |
| <li>datetime: <input type="datetime" size="32" value="" step="any" /> |
| <li>datetime-local: <input type="datetime-local" size="32" value="" step="any" /> |
| <li>month: <input type="month" size="32" value="" step="any" /> |
| <li>time: <input type="time" size="32" value="" step="any" /> |
| <li>week <input type="week" size="32" value="" step="any" /> |
| </ul> |
| <li>Invalid values, step=any |
| <ul> |
| <li>date: <input type="date" size="32" value="foo" step="any" /> |
| <li>datetime: <input type="datetime" size="32" value="foo" step="any" /> |
| <li>datetime-local: <input type="datetime-local" size="32" value="foo" step="any" /> |
| <li>month: <input type="month" size="32" value="foo" step="any" /> |
| <li>time: <input type="time" size="32" value="foo" step="any" /> |
| <li>week <input type="week" size="32" value="foo" step="any" /> |
| </ul> |
| </ul> |
| </form> |
| |
| <p>The input fields should show the current local/UTC date/time (with + or - a unit date/time described below except for step=any).</p> |
| |
| <p>Unit dates/times</p> |
| <ul> |
| <li>date: 1 day (local time) |
| <li>datetime: 1 minute (UTC) |
| <li>datetime-local: 1 minute (local time) |
| <li>month: 1 month (local time) |
| <li>time: 1 minute (local time) |
| <li>week: 1 week (local time) |
| </ul> |
| |
| <p>As for step=any, the values don't change by stepping-up/-down.<p> |
| |
| </body></html> |
