javascript - 输入 [type ='datetime-local' ] 在 Chrome 中不支持秒

Question

使用datetime-local当通过 Javascript 设置该值并且该值包含秒时，Chrome 上的输入类型似乎不起作用。为什么会发生这种情况？这似乎是一个普遍的事情。简而言之，重现问题的方法如下:

1. 使用 type='datetime-local' 创建一个 input 元素。
2. 使用 JavaScript(使用 .value)将值设置为任意日期和时间，且非零秒(例如 '1980-01-01T01 :01:01.001') 值。
3. 尝试提交表单。它返回一个验证错误。

但是，如果您将秒设置为 0(例如1980-01-01T01:01:00.001)，或者该值是通过 HTML 属性设置的，则验证错误不会被抛出，表单提交正常。

查看此 CodePen 示例:http://codepen.io/AskYous/pen/KNONVG

Answer 1

这是 HTML 标准定义的预期行为。

type=datetime-local 的默认step 值为 1 分钟。默认的步进基数是 Unix 纪元 1970-01-01T00:00:00。因此 1980-01-01T01:01:01.001 会导致步骤不匹配验证错误。

如果指定了 min 属性或 value 属性，则它将是步长基数。