2009-06-16 43 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' 到文本給用戶