如何删除 HTML5 输入类型时间的秒数答案

【问题标题】：How to remove seconds of HTML5 input type time如何删除 HTML5 输入类型时间的秒数
【发布时间】：2015-04-17 15:17:06
【问题描述】：

我正在为 Android 和 IOS 开发 HTML5 应用程序，但遇到了一些错误的问题。我想要实现的是获得HH:MM格式的<input type="time">

step 的默认属性是 60s。这意味着用户永远无法在没有任何额外属性的情况下选择秒数，并且 IOS safari(IOS7/8) 和 Android(jellybeans - lolipop chrome latest) 的时间选择器按预期工作。

问题在于 Chrome 的 input 显示 HH:MM:SS 而不是 HH:MM。即使SS 从来没有得到任何价值，但00

有什么方法可以去掉SS 部分吗？

编辑此问题仅在 Android 的 Chrome 上。

提前致谢

【问题讨论】：

【解决方案1】：

我有办法解决这个问题。

html

<input id="foo" />

$("#foo").on("change",function(){
  $(this).attr("type","text");
});
$("#foo").on("touchstart",function(){
  $(this).attr("type","time");
});

将值显示为type="text"，并在键盘出现之前更改类型。

简单但对我很有用。

已编辑

我向 google 报告了这个错误，并得到了确认和修复。此错误将在下次更新时消失。 https://code.google.com/p/chromium/issues/detail?id=459966

【讨论】：

【解决方案2】：

如果你从 MySQL 获得时间，你可以使用

$sql = "SELECT *, TIME_FORMAT(PickupTime, '%H:%i') AS PT FROM Trips WHERE TripID=".$tid;

然后填写表格时

type="time" id="pickuptime" name="pickuptime" value="<?php echo $row['PT']; ?>"

这似乎在 Firefox 中显示为 HH:mm without seconds

【讨论】：