删除Chrome input = time中的秒数
Sol*_*der 16 time webkit google-chrome input
在Chrome的上次更新(在我的情况下为"23.0.1271.64 m")中,输入=时间现在似乎包括无效且无法点击的秒数.这在我们的网站上看起来不太好,所以我想知道是否有人找到了删除秒的方法.不幸的是jsfiddle失败了,我不能在那里发布一个例子,但我在这里发布,所以人们无论如何都可以阅读它.
<html>
<head></head>
<body>
<input type="time" value="00:44" name="tiiiiden"/>
</body>
</html>
因为秒只是"躺在那里"并且不可编辑,所以这可能是一个错误,它很快就会修复.
hen*_*end 20
我知道这是一个非常古老的问题,但我刚刚找到了解决方案.
您必须将步骤更改为60.如果保留步骤默认值(1),则必须增加一秒,因此必须在字段中显示秒数.
如果将步长设置为60,则一次增加1分钟,因此不需要显示秒数.
@hend 设置step为 60的解决方案适用于空输入，但如果您加载表单并预填充值，您会发现秒可能会重新出现在禁用状态。
您可以使用以下 CSS 屏蔽它们和悬挂的冒号：
::-webkit-datetime-edit-second-field {
background: $color-white;
color: transparent;
margin-left: -3px;
position: absolute;
width: 1px;
}
产生以下结果：
OSX 和 Linux 上的 Chrome 23 稳定版会在不必要的情况下省略秒字段，Windows 上的 Chrome 24 beta 也会省略它。我建议您等待 Chrome 24 稳定版本。