2010-12-22 410 views
21

有誰知道如果在GWT我們有一個很好的TimePicker? 事實上,我想要一個小部件,以便爲GWT選擇小時和分鐘。GWT時間選擇器?

感謝

回答

0

DatePickerDateBox

DatePicker datePicker = new DatePicker(); 

DateBox dateBox = new DateBox(); 

這裏是GWT DatePicker example

,你可以將日期時間格式與DateTimeFormat您的需求,這裏是example

+0

你可以舉一個如何使用DatePicker編輯Times的例子嗎? – Jla 2010-12-22 13:59:11

+0

你可以setValue datePicker.setValue(new Date(),true);你可以給它格式 – 2010-12-22 13:59:59

+0

謝謝,但「選擇器」仍然是日期。而OP將不得不處理日期時間,而不僅僅是一個時間。 – Jla 2010-12-22 14:13:34

16

AFAIK有沒有這樣的一個小部件。 「一個好的TimePicker」也有點暗示。我一直在尋找這樣一個小部件很長一段時間,我發現一些JavaScript的例子是完全可怕的,但有些人正在使用。

最後我決定自己做一個基於TextBox的值控制。

alt text

的源代碼是可用的,你可以找到更多信息heregithub我希望你喜歡它。

我見過一些TimePicker是簡單的ComboBoxes。

1

GWT的培養箱具有好嗎time picker

的代碼會是這樣給出的例子:

// A TimePicker with no "AM/PM" and no "seconds" field and using 24H formatting for "hours" field 
TimePicker timePicker = new TimePicker(new Date(), null, DateTimeFormat.getFormat("HH"), DateTimeFormat.getFormat("mm"), null); 
8

我知道這個問題被問前一段時間,但我我尋找一個GWT時間選擇器中碰到它,我決定寫我自己。

Picture of UTCTimeBox

它支持許多不同的輸入格式(4P =>下午4:00,745 =>上午07點45分,等),並具有在固定的間隔時間一個下拉菜單。

在iOS上,它會自動使用HTML5 INPUT TYPE = 「時間」

enter image description here

Blog article describing the implementation

Demo of the UTCTimeBox

Demo of the UTCDateBox and UTCTimeBox being used together

Download at Google Code

1

較新的版本。我寫得很匆忙,所以它不是最好的,但它工作正常。

它嘗試創建一個HTML5 <input type="time"/>,如果它不受瀏覽器支持,它將手動解析。我在PC和iOS上的Chrome和Firefox上測試過它。

接受的格式是:

  • 上午12時59分
  • 5 - 假定爲上午05點
  • 5P - 5:00 PM
  • 13 - 01:00
  • 345 - 3 :45 AM
  • 1534 - 3:34 PM
  • 111p - 1:11 PM

它執行HasValue<Long>返回所選時間毫秒。它還有一個方法可以返回與給定的對象結合的時間。

這裏的源:https://github.com/srilankanchurro/gwt-stuff/blob/master/gwt-stuff/src/com/sathkumara/client/TimePicker.java

如果你有修改有助於這一類,請隨時給我在GitHub上的請求。