<input type="time" step="1"> 在 Chromium 中的 .value 中不返回秒数

Question

考虑以下输入字段

document.getElementById("inp").addEventListener(
  "change",
  function(e) {
    document.getElementById("div").textContent = e.target.value;
  }
);

<input type="time" step="1" value="00:00:00" id="inp" />
<div id="div">00:00:00</div>

在 Firefox 中测试时，该值是我在输入更改时所期望的值——格式为 hh:mm:ss。但是在 Chromium (67.0.3396.99) 中进行测试时，当输入更改为具有 0 秒的任何内容时，例如01:00:00，value属性只返回hh:mm。

这是否符合规范的正确/预期行为？ （编辑：是的。）主要问题：是否有一种我不知道的标准方法，它比.value 更可取，以获得它在 hh:mm:ss 中的值，还是我必须求助到一些 JavaScript 字符串解析？

Answer 1

Firefox 和 Chromium 的输出实际上都符合规范。

HTML Living Standard（最后更新于 2018 年 7 月 24 日）声明：

value 属性，如果指定且不为空，则必须具有一个有效时间字符串的值。

而“有效时间字符串”为defined，如下：

字符串是一个有效的时间字符串，代表一个小时小时，一分钟 分钟，如果它由以下组件组成，则为第二个秒 按照给定的顺序：

1. 两个ASCII数字，代表小时，范围0≤小时≤23
2. U+003A 冒号字符 (:)
3. 两个ASCII数字，代表分钟，范围0≤分钟≤59
4. 如果 second 不为零，或者如果 second 为零，则可选：
   1. U+003A 冒号字符 (:)
   2. 两个ASCII数字，代表秒的整数部分，范围0≤s≤59
   3. 如果 second 不是整数，或者如果 second 是整数则可选：
      1. 一个 U+002E 句号字符 (.)
      2. 一个、两个或三个 ASCII 数字，表示 秒的小数部分

_{感谢用户 @int32_t 将我链接到当前标准。}

Answer 2

值得一提的是，JavaScript 字符串解析非常简单且易于实现：

document.getElementById("inp").addEventListener(
  "change",
  function(e) {
    let time = e.target.value;
    if (time.length < 6) { // missing :ss on chrome
      time += ':00'; // add it ourselves
    }
    document.getElementById("div").textContent = time;
  }
);

<input type="time" step="1" value="00:00:00" id="inp" />
<div id="div">00:00:00</div>