Question

我正在尝试将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>

第一个元素将变为空白，为什么？

Answer 1

每个号码

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

Answer 2

您需要设置一个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"/>

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

2 个答案: