html5 datetime-local control - 如何隐藏秒？

Question

使用以下控件:

注意我设置的值为: http ://www.w3.org/TR/html-markup/input.datetime-local.html

<input type="datetime-local" name="transaction_date" value="2011-05-31T10:07:41">

注意下面的链接不会渲染秒？

http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_input_type_datetime-local

是否可以将其配置为不允许秒可编辑,即只是不显示控件中的秒数？

编辑

下面的图像使用chrome渲染？为什么我在这里获得秒数,但上面的w3school链接没有秒？如何让chrome无法渲染秒数？

Answer 1

在实现 W3C HTML5 CR中定义的控件的浏览器上，秒数默认不可设置。原因是粒度由属性设置（以秒为单位）step，默认值为 60。这就是它在 Chrome、Opera 和 Safari 中的工作方式。

\n\n

如果您确实想允许指定秒数，则可以设置step=1.

\n\n

在不支持此输入类型的浏览器上，该控件降级为文本输入控件，其中用户可以输入任何数据，并且浏览器不会以任何方式处理该数据（具体来说，不检查是否为日期和日期）时间）。

\n\n

更新以解决修改后的问题：如果元素具有value不满足其他属性设置的要求（包括 的默认值step）的属性，则输入最初会遭受步骤不匹配的影响。HTML5 CR 表示：\xe2\x80\x9c当元素遭受步骤不匹配时，用户代理可能会将元素的值舍入到元素不会遭受步骤不匹配的最接近的本地日期和时间。\ xe2\x80\x9d Opera 遵循这一点，Chrome 则不然。士气是：不要这样做。value如果您不需要秒，请不要使用带有秒部分的属性。

\n