2011-08-24 111 views
0

在我的應用程序中,我想讓用戶輸入一個時間。爲此,我正在考慮放置兩個選擇標籤(小時和分鐘)。但我不想要下拉列表,我希望列表只顯示一個項目,當我點擊向上箭頭時,我應該在列表中上移。 例如:小時數列表顯示01,當我點擊向上箭頭時,它將顯示02和03之後,等等。 我不知道這個標籤的名稱,有誰知道如何做到這一點? 謝謝。選擇標籤無下拉

+0

你對jquery ui解決方案感興趣嗎? – naveen

回答

1

你正在尋找一個HTML5 input type="number"這樣。

<input type="number" step="1" max="24" min="0" value="9"/> 

但是到目前爲止,它不適用於所有瀏覽器。
如果你到了jQuery,它更好使用Timepicker:http://trentrichardson.com/examples/timepicker/

$('#example3').timepicker({}); 
+0

偉大的時間選擇器工作正常,這正是我想要的。 非常感謝:) – kbaccouche

+0

但我有另一個問題: 我用timepicker()這樣做,因爲我也需要日期。現在我想知道那個時刻(日期+時間)是否已經過去了。你應該知道我將這些值通過ajax傳遞給我的控制器。所以我會把它們當作字符串。如何將此字符串轉換爲日期以便我可以比較它? – kbaccouche

+0

請問這是另一個問題 – naveen

0

你可以有一個文本框後跟兩個按鈕,即向上箭頭和向下箭頭。在文本框中輸入值(僅整數)並單擊向上箭頭後,可以遞增文本框中顯示的值,並單擊向下按鈕可以遞減文本框中的值。

希望這有助於你

0

在設計部分做這樣的, 添加一個文本框和兩個圖像控件然後在圖像使用的點擊修改下面的腳本。

在JavaScript中做這樣的,

功能小時(時間){ 如果(時間== '向上' & & parseInt函數(的document.getElementById( '小時')。值)> 1){ 文件。.getElementById( '小時')值= parseInt函數(的document.getElementById( '小時')的值。)-1; } 如果(時間== '向下' & & parseInt函數(的document.getElementById( '小時')。值)< 24){ 的document.getElementById( '小時')。值= parseInt函數(的document.getElementById('小時「)。價值)+1; } }