代码之家  ›  专栏  ›  技术社区  ›  GrumpyCrouton

HTML输入类型“time”不采用默认值

  •  1
  • GrumpyCrouton  · 技术社区  · 7 年前

    我试图使用一个HTML输入元素 type="time" ,但我得到了意想不到的结果。我一页上有两个,一个有用,一个不有用。

    <td>
        <input type="time" class="uk-input" value="7:30:00" name="timein[]"/>
    </td>
    <td>
        <input type="time" class="uk-input" value="16:00:00" name="timeout[]"/>
    </td>

    第一个元素将呈现为空白,为什么?

    2 回复  |  直到 7 年前
        1
  •  4
  •   Durga    7 年前

    每个号码2位数。只要在7前面加一个0。格式是 hh:mm:ss .

    这是 doc .

    <input type="time" class="uk-input" value="07:30:00" name="timein[]"/>
    <input type="time" class="uk-input" value="16:00:00" name="timeout[]"/>
        2
  •  0
  •   Sebastian Brosch Navjyot    7 年前

    你需要设定一个 valid time string . 所以你错过了 0 在前面 7 :

    <input type="time" class="uk-input" value="07:30:00" name="timein[]"/>
    <input type="time" class="uk-input" value="16:00:00" name="timeout[]"/>

    字符串是一个有效的时间字符串,表示一小时、一分钟和一秒(如果它按给定顺序由以下组件组成):

    • 两个ASCII数字,表示小时,范围为0小时23
    • U+003A冒号字符(:)
    • 两个ASCII数字,表示分钟,范围为0?分钟?59
    • 如果second不为零,或者如果second为零,则可选:
      • U+003A冒号字符(:)
      • 两个ASCII数字,表示秒的整数部分,范围为0–s–59

    资料来源: https://html.spec.whatwg.org/multipage/common-microsyntaxes.html#valid-time-string

    因此,以下值是有效的:

    <input type="time" value="07:30:00"/>
    <input type="time" value="07:30:01"/>
    <input type="time" value="07:30"/>
    <input type="time" value="17:30:00"/>
    <input type="time" value="17:30:01"/>
    <input type="time" value="17:30"/>