2013-07-02 58 views
19

我正在尋找像「持續時間選擇器」的東西。由於谷歌搜索「時間選擇器」沒有給我任何結果,我想知道是否有一個技術名稱可以幫助搜索它。時間選擇器和時間跨度選取器暫時不會帶來任何幫助。如何調用「持續時間選擇器」並存在?

如果有類似的東西存在,有人可以指出我的意思,那沒關係,而不是技術名稱。

更新1:

對不起,我完全忘了解釋一下我的意思是通過時間選擇器。 這不是一個時間選擇器,而是一種選擇持續多少時間而不是日期的方法。例如,烹飪一個給定的食譜需要(持續時間)4小時10分鐘。從這裏出發到那裏需要4天10個小時。

我的基本想法是可以配置「較大」單位使用的選擇器(大概幾天),持續時間將在內部以秒爲單位表示。所以我可以說20 days and 23 hours and 0 minutes或者如果「更大」的單位是天(例如軟件開發工作),我可以寫150 hours and 30 minutes and 0 seconds。 這將是很好的隱藏一些較小的領域,如分鐘/秒的選項。

更新2:

一個非常簡單的UI例如: enter image description here

+0

這取決於究竟你的「時間選擇器」是應該做的。如果您不給我們定義,我們無法幫助您找到技術名稱。 – Blazemonger

+1

看看旋鈕http://anthonyterrien.com/knob/或bootstrap timepickers http://jdewit.github.io/bootstrap-timepicker/ – Archer

+0

@ Blazemonger:對不起,我很笨,我完全忘了解釋什麼是...給我一秒鐘,更新問題。 –

回答

11

你可以使用一組定製的jQuery紡紗

$('#seconds').spinner({ 
    spin: function (event, ui) { 
     if (ui.value >= 60) { 
      $(this).spinner('value', ui.value - 60); 
      $('#minutes').spinner('stepUp'); 
      return false; 
     } else if (ui.value < 0) { 
      $(this).spinner('value', ui.value + 60); 
      $('#minutes').spinner('stepDown'); 
      return false; 
     } 
    } 
}); 

這樣的: http://jsfiddle.net/xHzMw/1/

+0

通過網絡挖掘我達到了相同的答案。謝謝。 –

+1

這不是很健壯。例如,你可以在那些紡紗廠中輸入10小時和30535分鐘。 –

0
+0

與上述解決方案相同的問題。允許您在分鐘字段中輸入任意大數字 –

+1

這很重要嗎?如果用戶知道該值爲4320分鐘,並且不希望將其轉換爲小時,則他們可以在幾分鐘內輸入它。例如機器運行時間可能以小時或分鐘爲單位已知。 聽起來像一個功能;)雖然,如果在輸入> 59分鐘後轉換爲hms,那很好。我接下來再補充一點。 – ekerner

相關問題