web-dev-qa-db-ja.com

優れたJavascriptタイムピッカーとは何ですか？

Jqueryまたはスタンドアロンjsの良い時間ピッカーは何ですか？グーグルのようなカレンダーで、15分間隔で一般的な時間のドロップダウンを使用したり、手動で時間を入力して検証したりすることができます。

javascriptjquerytimeinput
84
Element

いくつかのリソース：

74
CMS

これは私が日付まで見つけた最高のものです http://trentrichardson.com/examples/timepicker/

25
Felix

Twitter Bootstrapで動作するものを次に示します。

http://jdewit.github.com/bootstrap-timepicker/

21
declan

提案されたタイムピッカーのいずれにも満足できなかったため、PeriferとHTML5仕様からインスピレーションを得て独自のタイムピッカーを作成しました。

http://github.com/gregersrygg/jquery.timeInput

時間入力（step、min、max）に 新しいhtml5属性 を使用するか、オプションオブジェクトを使用できます。

<input type="time" name="myTime" class="time-mm-hh" min="9:00" max="18:00" step="1800" />
<input type="time" name="myTime2" class="time-mm-hh" />

<script type="text/javascript">
    $("input[name='myTime']").timeInput(); // use default or html5 attributes
    $("input[name='myTime2']").timeInput({min: "6:00", max: "15:00", step: 900}); // 15 min intervals from 6:00 am to 3:00 pm
</script>

次のような入力を検証します。

  • 欠落している場合は「：」を挿入します
  • 無効な時間ですか？ブランクと交換
  • 手順に従って有効な時間ではないですか？最も近いステップに切り上げ/切り捨て

HTML5仕様では、am/pmまたはローカライズされた時間構文は許可されていないため、hh：mm形式のみが許可されています。秒は仕様に従って許可されていますが、まだ実装していません。

それは非常に「アルファ」なので、いくつかのバグがあるかもしれません。パッチ/プルリクエストを私に送ってください。 IE 6＆8、FF、Chrome、およびOperaで手動でテストしました（Linuxの最新の安定版）。

8
gregers

JQueryの作成者であるJohn Resigの投稿については、こちらで確認できます： http://ejohn.org/blog/picking-time/ 。

6
Sophie Alpert

ClockPick を使用しています。

4
tvanfosson

CSSギャラリー にはさまざまなタイムピッカーがあります。ご覧ください。

Perifer Designの タイムピッカー はgoogle oneに似ています

3
Alagu

誰かが別のJavaScript TimPickerに興味がある場合に備えて、私はその仕事をするjQueryプラグインを開発し、保守しています。 EZ Time JS（5分前までは知りませんでしたが：D）のように機能し、ユーザーが快適に感じるほぼすべての方法で時間を入力できるようにし、入力を一般的な形式に変換します。

jQuery TimePickerオプションページ をチェックアウトして、動作を確認します。

3
Willington Vega

申し訳ありませんが、多分少し遅いかもしれません。私は NoGray を使用しています.

1
Yudi M

私は jquery ui timepicker を使用しています

1
pryabov