Javascript/jQueryで時間範囲ウィジェットはどこにありますか？

Question

私はJavascript/CSS/jQueryでTimeRangeウィジェットを探しています。私は、広く利用可能な時間/日付ピッカーを探しているわけではありません。

企業は、開いている時間をクリックしてホバーすることで、営業時間を選択できるようにする必要があります。

+-----------------------------+ 
| 0h 0h15m 0h30m ... 23:45 | 
+-----------------------------+ 

誰もがこのような素晴らしいカスタマイズ可能なtimerangeセレクタウィジェットを見ていますか？

乾杯

Answer 1

私はその後、間隔として必要な時間を設定...スライダウィジェットを探したいです。

jQuery UIには、jQuery UI Sliderという1つがあります。

アップデート：について（二重のスライダー対シングル）以下のコメントをもとに ...

1）2 handled slider using the jQuery UI slider hereをすることについて、すでに（ちょうど見つかっ）のポストをtheresの。

2つのスライダがある場合は... 1つはオープニング時間用、もう1つはクローズ用です...それぞれ15分のセグメントに分割されていますが、それぞれ半日だけです。

スライダーから>午前5時 - これは「典型的な」企業のためであれば、さらに、

Open Time (AM): 12 1 2 3 4 5 6 7 8 | 9 10 11 12 
                 ^8:15am 

Close Time (PM): 12 1 2 3 4 5 6 | 7 8 9 10 11 12 
                ^6:30pm 

（ASCII-グラフィックuglynessを無視する）...あなたはおそらく23時<から切ることができました。

あるいは、

私はScriptaculousのの大ファンではないんだけど、彼らはdouble sliderを持っているように見える：

Answer 2

Googleカレンダー（あなたは詳細が形成イベントにリンク「ゲストとリソースの可用性を確認する」をクリックすると、あなたがそれを見ることができます）素敵なものを持っています。しかし、私はそれが複製するのが難しいだろうと想像することができます。

Google Calendar Time Ranage http://stuff.rajchel.pl/stackoverflow/GoogleCalendarTimeRange.jpg

Answer 3

http://trentrichardson.com/examples/timepicker/

は、「日付ピッカーなしで唯一の時間ピッカーショー」に移動し、それがあなたが必要とするものであるかどうかを確認します。ここ

Answer 4

http://ghusse.github.io/jQRangeSlider/index.html

デモjQRangeSliderとここTechnical demo

jQRangeSliderはデュアルライセンスGPLとMITの下で公開されたオープンソースです。 オープンソースと商用ソフトウェアの両方で使用できます。