如何验证时间输入

Question

我有一个HTML文本框（），输入时间为 hh：mm 格式（h：小时和分钟：分钟）。我希望用户以该格式输入时间。如何通过使用jQuery或一些JavaScript代码实现这一目标？谢谢。

Answer 1

有许多jQuery plugins进行输入格式化/验证。一个棘手的部分可能是提出一个验证正确时间的正则表达式。这个example非常灵活：

^([01]?[0-9]|2[0-3]):[0-5][0-9]$

它允许第一个0是可选的，并确保小时数不超过23.它还确保分钟在00和59之间。

---

根据您解析结果的方式，您可能希望限制更多。例如，您可以从正则表达式中删除?以强制使用HH：MM格式，并确保小时数介于00和23之间，而分钟数介于00之间和59。它看起来像that：

^([01][0-9]|2[0-3]):[0-5][0-9]$

Answer 2

使用此正则表达式以hh：mm格式验证时间。

^([0-9]|0[0-9]|1[0-9]|2[0-3]):[0-5][0-9]$

您可能需要针对特定​​用例进行编辑。

这是一个小提琴http://jsfiddle.net/ENz9p/27/

来源：How to validate a time user input like hh:mm to hh:mm in javascript?

Answer 3

在js（Date.parse）中有几种方法可以做到，但我认为moment.js是最简单（最强大）的方法。

http://momentjs.com/