在我的應用程序中,我想讓用戶輸入一個時間。爲此,我正在考慮放置兩個選擇標籤(小時和分鐘)。但我不想要下拉列表,我希望列表只顯示一個項目,當我點擊向上箭頭時,我應該在列表中上移。 例如:小時數列表顯示01,當我點擊向上箭頭時,它將顯示02和03之後,等等。 我不知道這個標籤的名稱,有誰知道如何做到這一點? 謝謝。選擇標籤無下拉
選擇標籤無下拉
回答
你正在尋找一個HTML5 input type="number"
這樣。
<input type="number" step="1" max="24" min="0" value="9"/>
但是到目前爲止,它不適用於所有瀏覽器。
如果你到了jQuery,它更好使用Timepicker:http://trentrichardson.com/examples/timepicker/
$('#example3').timepicker({});
偉大的時間選擇器工作正常,這正是我想要的。 非常感謝:) – kbaccouche
但我有另一個問題: 我用timepicker()這樣做,因爲我也需要日期。現在我想知道那個時刻(日期+時間)是否已經過去了。你應該知道我將這些值通過ajax傳遞給我的控制器。所以我會把它們當作字符串。如何將此字符串轉換爲日期以便我可以比較它? – kbaccouche
請問這是另一個問題 – naveen
你可以有一個文本框後跟兩個按鈕,即向上箭頭和向下箭頭。在文本框中輸入值(僅整數)並單擊向上箭頭後,可以遞增文本框中顯示的值,並單擊向下按鈕可以遞減文本框中的值。
希望這有助於你
在設計部分做這樣的, 添加一個文本框和兩個圖像控件然後在圖像使用的點擊修改下面的腳本。
在JavaScript中做這樣的,
功能小時(時間){ 如果(時間== '向上' & & parseInt函數(的document.getElementById( '小時')。值)> 1){ 文件。.getElementById( '小時')值= parseInt函數(的document.getElementById( '小時')的值。)-1; } 如果(時間== '向下' & & parseInt函數(的document.getElementById( '小時')。值)< 24){ 的document.getElementById( '小時')。值= parseInt函數(的document.getElementById('小時「)。價值)+1; } }
- 1. 在選擇標籤下的選擇下拉選項中顯示商標(TM)
- 2. 選擇風格按在選擇下拉標籤
- 3. 選擇=「選擇」不填充裏面<option>標籤下拉
- 4. 無法選擇下拉值
- 5. jquery選擇下拉按下數據到標籤元素
- 6. 通過選擇選項標籤自定義下拉菜單?
- 7. 如何從下拉列表中選擇選項標籤?
- 8. 下拉選擇標籤中的選項值
- 9. 不同寬度的選擇和選項標籤下拉
- 10. 標籤標記有選擇下拉菜單中,不IE11工作
- 11. 離子選擇無標籤
- 12. Javascript書籤選擇下拉值?
- 13. 下拉選擇
- 14. 無法選擇下拉選項(硒/ java)
- 15. Watir無法選擇下拉選項(Ruby)
- 16. 如何選擇使用硒webdriver沒有選擇標籤的下拉菜單?
- 17. 如何打開與下拉菜單[選擇標籤]
- 18. 如何使用xpath選擇超出標籤的下拉項目
- 19. asp.net javascript - 更改下拉選擇更改標籤文本
- 20. p-multi在下拉菜單中選擇更改標籤
- 21. 在下拉列表中選擇optgroup標籤
- 22. 獲取的下拉箭頭,在HTML選擇標籤
- 23. MVC - 在下拉選擇更改標籤(S) - 強類型查看
- 24. 添加標籤名稱以選擇下拉
- 25. 顯示下拉列表選擇與標籤
- 26. 標籤不顯示下拉列表中選擇的值
- 27. Struts2的標籤填充下拉列表中選擇
- 28. 基於下拉選擇值隱藏/顯示標籤
- 29. 風格下拉選項標籤
- 30. 添加選項組標籤下拉
你對jquery ui解決方案感興趣嗎? – naveen