时间输入字段答案

【问题标题】：Time Input Field [closed]时间输入字段
【发布时间】：2009-06-24 14:31:11
【问题描述】：

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

【问题讨论】：

如何过滤？预期的输入是什么？
据我所知，他要求输入掩码

标签： javascript jquery html

【解决方案1】：

这就是通常所说的Input Mask，在上面做一些googling。编辑：似乎有一个input mask jquery plugin

【讨论】：

【解决方案2】：

虽然 TimePickr 插件 recommended by Jonathon 看起来非常漂亮，但如果用户正在输入任何数量的数据，这会让他们发疯。不久前我回答了一个类似的问题，解释了原因：

jQuery time picker (StackOverflow)

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

【讨论】：

+1 我同意 - “timepickr”不是万能的。
我很喜欢它的外观，但是当我为我们的一个客户东西做概念验证时，我有点被它弄疯了 :)

【解决方案3】：

你用过 JqueryMasked Input Plugin

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

【讨论】：

虽然我非常喜欢这个插件，但它会导致 IE 8 在兼容模式下出现一些问题。

【解决方案4】：

如果您需要 UI 插件，请查看 Timepickr Plugin。

【讨论】：

【解决方案5】：

EZ Time JS widget 可以为您做到这一点。它采用最少的输入并正确格式化并验证它。它会自动更正/删除无效字符。它是 100% 基于键盘的，旨在为受过培训的用户提供高生产力。它避免了 Javascript“时间选择器”的缺陷，这些缺陷需要繁琐且缓慢的点击、拖动和鼠标移动，从而影响工作效率。

参考上述评论，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 让输入时间变得非常容易。

【讨论】：