键入时Chrome的HTML输入类型时间问题

Question

我希望我找到解决方案。我有一个angularjs项目的以下html标记，应该有助于选择时间。

<input class="input-time" type='time' ng-model="dr.startTime">

时间以AM / PM格式显示，我没关系。问题是我尝试输入小时：12但是如果你不够快（比如即时点击1 + 2）它只会改变时间的第二个数字。有时甚至当我超快速地做它时，它显示第二个数字。请帮助解决这个问题。

Answer 1

似乎在lasts版本的Chrome中time input不存在任何已知问题：

https://caniuse.com/#feat=input-datetime

您可以在以下代码段中进行测试。它对我来说很好。

<input class="input-time" type='time' ng-model="dr.startTime">

发生这种情况的唯一情况是，如果单击箭头按钮然后键入数字。在这种情况下，由于已经存在一个数字，因此您只键入第二个数字，因此在键入后，光标会跳转到分钟字段。