2008-08-24 110 views
2

雖然有很多解決方案可用於輸入日期(例如日曆,下拉菜單等),但似乎沒有太多的「標準」方式要求一段時間(或時間範圍)。什麼是填充時間(或時間範圍)的最有效方式?

我個人嘗試了小時,分鐘和第二個字段(有時也是「AM/PM」字段)的下拉菜單。我還嘗試了幾種類似時鐘的輸入設備,其中大部分對於典型的最終用戶來說太難以使用。我甚至嘗試了「彈出式」時間選擇菜單(例如,您可以將鼠標懸停在「10」小時以接收包含「:00」,「:15」,「:30 「和」:45「) - 但這些方法都不自然。

到目前爲止,我發現的最好的(也是最普遍的)方法就是使用簡單的文本字段並強制用戶手動填充小時,分鐘和秒。另外,我有很好的體驗創造類似於Outlook的「日視圖」,它允許你拖放一個事件來設置開始和結束時間。

有沒有一種「最好的方式」來索取這些信息?是否有人使用某種類型的時間輸入小部件,它非常直觀且易於使用?或者至少有一種方法比使用純文本框更有效率?

回答

0

我發現Google日曆的方法是最好的。使用一個文本框,但使用JavaScript來使它成爲一個下拉式選擇你的時間。一個很好的演示可以爲一個jQuery implementation here

我還沒有在我的網站實現了這個還沒有,所以我不是100%肯定可以找到,但我認爲你還需要從代碼這個jQuery插件在這裏:
http://www.texotela.co.uk/code/jquery/timepicker/

編輯
我發佈的第一個鏈接不需要第二個鏈接的代碼。它僅僅基於它。要從示例中獲取實際的JavaScript文件,您可以查看頁面的來源以找到文件的位置,或者可以直接轉到URL
http://labs.perifer.se/timedatepicker/jquery.timePicker.js

0

對於JQuery有一個相當有用的time entry工具。除了標準文本字段外,它還提供了「微調」類型的方法。它還支持使用鼠標滾輪進行調整(以及傳統的'只輸入'方法),並且可以將其配置爲限制爲n - 如果您願意,也可以採用分步操作。這是非常可定製的,支持本地化和其他各種設置,我已經成功地在幾個項目/演示網站中使用它。

0

我是純語言輸入的巨大粉絲(前幾天有一個話題)。我喜歡37signals揹包日曆的方式讓我們在(08/12 3pm與湯姆見面)中輸入東西。我也喜歡他們用提醒系統處理時間的方式(他們給你選項,比如今天晚些時候,明天早上)。