Bootlin logo

Elixir Cross Referencer

<!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>