时间输入字段

Question

我正在构建一个表单来接受时间值HH：MM，如何过滤用户输入并在文本字段中显示冒号？我想我正在寻找某种过滤输入框。

Answer 1

这通常被称为Input Mask，在其上做一些googling。修改：似乎有input mask jquery plugin

Answer 2

虽然TimePickr插件recommended by Jonathon非常好看，但如果用户正在进行任何数据输入，那么它会让他们发疯。我回答了一个类似的问题，后来解释了原因：

  

jQuery time picker (StackOverflow)

masked input box和一些javascript验证可能是更优化的解决方案。

Answer 3

如果您想要一个UI插件，请查看Timepickr Plugin。

Answer 4

你有没有使用过JqueryMasked输入插件

http://digitalbush.com/projects/masked-input-plugin/

Answer 5

EZ Time JS widget可以为您完成此操作。它只需要最小的输入并正确格式化并验证它。它会自动更正/删除无效字符。它基于100％键盘，旨在为受过培训的用户提供高生产率。它避免了Javascript'Time Pickers'的缺陷，这些陷阱需要繁琐且缓慢的点击，拖动和鼠标移动，这会妨碍生产力。

参考上述评论，EZ Time JS专为严重，重负荷的数据输入而开发，非常适合安排工作。

它不仅可以验证，还可以自动删除和/或纠正无效输入。它接受快捷方式，使得输入时间非常快。

以下是一些例子：

INPUT --> OUTPUT
8 --> 08:00 AM
515p --> 05:15 PM
12f --> 12:15 AM --notice the use of shortcut codes, ie., f = 15

由于您提到冒号，因此EZ Time可以省略空格和冒号以方便使用。它会在输出中为您添加它们。

EZ Time JS让进入时间非常容易。