web-dev-qa-db-ja.com

GWTタイムピッカー?

GWTに優れたTimePickerがあるかどうか誰かが知っていますか?実際、GWTの時間と分を選択するためのウィジェットが必要です。

ありがとう

24
scraly

AFAIKそのようなウィジェットはありません。また、「良いTimePicker」は少し示唆に富んでいます。私は長い間そのようなウィジェットを探していて、完全にひどいjavascriptの例をいくつか見つけましたが、一部の人々は使用しています。

最後に、値を制御するTextBoxに基づいて、自分で行うことにしました。

alt text

ソースコードが利用可能です。詳細については、 ここ および github を参照してください。気に入っていただければ幸いです。

単純なComboBoxであるTimePickerを見たことがあります。

16
Carlos Tasada

この質問が少し前に尋ねられたことは知っていますが、GWTタイムピッカーを探しているときにこの質問に出くわし、自分で書くことにしました。

Picture of UTCTimeBox

さまざまな入力形式(4p => 4:00 pm、745 => 7:45 amなど)をサポートし、一定の間隔で時間を表示するドロップダウンメニューがあります。

IOSでは、HTML5入力type = "time"を自動的に使用します

enter image description here

実装を説明するブログ記事

TCTimeBoxのデモ

一緒に使用されているUTCDateBoxとUTCTimeBoxのデモ

Google Codeでダウンロード

8
andykellr

Jquerytimepickerの概念を使用するgwt-timepickerを作成しました。それはあなたが必要とすることを正確に行います(時間/分)。見てください: http://code.google.com/p/gwt-timepicker/

この投稿を確認してください: http://www.summa-tech.com/blog/2011/03/21/gwt-timepicker/

4
javo

GWT Bootstrap GWTウィジェットライブラリには、他の多くの堅実なウィジェットとともに、Nice date + timeウィジェットがあります。

http://gwtbootstrap.github.com/#component:datetimepicker

編集:bootstrap 3で利用できる新しいバージョンがあるようです。

4
Nitin Jadhav

最近タイムピッカーを書きました。急いで書いたので、最高ではありませんが、問題なく動作します。

HTML5 <input type="time"/>を作成しようとし、ブラウザでサポートされていない場合は手動で解析します。 ChromeとPCのFirefox、iOSでテストしました。

受け入れられる形式は次のとおりです。

  • 午前0時59分
  • 5-午前5時と想定
  • 5p-5:00 PM
  • 13-1 PM
  • 345-3:45 AM
  • 1534-3:34 PM
  • 111p-午後1時11分

HasValue<Long>を実装して、選択した時間をミリ秒単位で返します。また、指定されたDateオブジェクトと組み合わせて時間を返すメソッドもあります。

ソースは次のとおりです: https://github.com/srilankanchurro/gwt-stuff/blob/master/gwt-stuff/src/com/sathkumara/client/TimePicker.Java

このクラスに貢献するための変更がある場合は、githubでリクエストを送ってください。

1
Churro

Gwtインキュベーターは大丈夫です タイムピッカー

コードは、次の例のようになります。

// 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);
1
David Horne

DatePicker および DateBox

 DatePicker datePicker = new DatePicker(); 

 DateBox dateBox = new DateBox();

これが GWT DatePickerの例

DateTimeFormat を使用して、必要に応じて日時をフォーマットできます。これが example です。

0
user467871

GXTには TimeField ウィジェット 良いかどうかはあなたの選択です:)

たぶんあなたは目を向けることができます DateTimePicker alt texthttps://github.com/ghuntley/Ext.ux.touch.DateTimePicker

0
Yusuf K.