2009-06-16 71 views
1

在我的项目(基于php/mysql/jquery)我需要用户输入时间。
但似乎很讨厌严格的格式输入时间像
06:00下午
或 14:00用户友好的时间输入

所以我想给用户自由地在一个非常友好的方式像
进入时间 下午6点,上午11点等

然后将内部转换为严格的时间格式进行进一步处理。 任何人都可以建议我任何好的插件。如果没有插件,请告诉我如何处理。

+0

这是一个类似的问题:http://stackoverflow.com/questions/476822/jquery-time-picker – kgiannakakis 2009-06-16 06:14:26

+0

也类似于http://stackoverflow.com/questions/579354/whats-the-best-approach-从用户获得日期时间输入 – alex 2009-06-16 06:22:34

+0

和类似http://stackoverflow.com/questions/582146/free-form-date-picker-like-rtm/582189#582189 – karlipoppins 2009-06-16 06:26:18

回答

3

我倾向于为日期和/或时间字段做的事情是让用户以任何他们喜欢的格式输入它,然后将其格式化为字段模糊的“通用”特定格式。 Date.js对于解析和格式都非常方便。

喜欢的东西

$('.timeboxme').blur(function() { 
    var $el = $(this); 
    var theDate = Date.parse($el.val()); 
    if(theDate) { 
     $el.val(theDate.toString("HH:mm")); 
    } else { 
     //it didn't appear to be a valid date/time, tell the user 
    } 
}); 

作为奖励,如果你使用date.js,你得到一些花哨的技巧,你可以告诉用户,像“+3时间”或“最后一小时” :-)

0

这里是一个有趣的jQuery插件,我发现最近

http://haineault.com/media/jquery/ui-timepickr/page/


如果你不wan't使用jQuery插件我最好的建议是使用选择框

3选择会这样做

[小时] [分] [ampm]

甚至

[小时] [分钟]

,如果你去了24小时路线


我允许某人进入 '14' 到文本给用户