10 jQueryタイムピッカープラグイン

10個のクールなJQuery Time Selectorプラグインして、Webページを新しく見せるためのプラグイン！日付とカレンダーのセレクターはどこにでもありますが、タイムセレクターは比較的少ないです。これらの優れたプラグインを見せましょう！

更新：2016年3月24日、廃止、破損、または非推奨のプラグインが削除されました。リスト全体は、現在の設計動向と標準に基づいて更新され、いくつかの新しいプラグインが追加されました。

1. jQuery.timepicker

シンプルで使いやすいプラグインを探しますか？ Googleカレンダーに触発されたこのjquery.timepickerプラグインは、時間をできるだけ自然に入力するように設計された強力なライブラリです。

home/demo |

2. wickedpicker

jQuery Timepicker
ユーザーが自由に時間を入力するか、単純なドロップダウンメニューを使用して時間を選択できます。このプラグインをリストの最初のプラグインと混同しないでください。それらは同じ名前のまったく異なるプラグインです！

home/demo |

4. 名前に惑わされないでください。このプラグインにはブートストラップが必要ありません！もともとBootstrap用に作成されたこのシンプルで美しいクロックタイムセレクターには、JQueryのみが必要です。

home/demo |

jQuery UI TimePicker

6. 他の公式jQuery UIウィジェットに一致するJQuery UI Time Selectorプラグイン。既存の日付ピッカーに基づいて、フォームとよく溶け込み、選択したjQuery UIテーマを使用します。このプラグインは、時間（時間/分）入力のためにフォームに簡単に統合できます。

6. あなたのページがより多くのスタイルを必要とするなら、Timepickiがあなたにとって完璧な選択かもしれません。この適切に設計された最新のプラグインは、ユーザーを感動させます。

home/demo |

jQuerytimeautocomplete

それは単なる時間セレクターではなく、jQuerytimeautocompleteを使用すると、開発者はタイムレンジセレクターを簡単に実装できます。

7. 

   home/demo |

   8. jQuery Time Entry

   マウスホイールを使用しても、ユーザーがさまざまな方法で時間入力を変更させます！

   

   home/demo |
   pttimeElect

   9. ユーザーにユーザーフォームの時間を定義および設定するUIを提供するjQueryプラグイン。 jquery（明らかに）とdimming.jsプラグイン（jqueryからも入手可能）が必要です。

   home/demo |

   timeago

   10. Timeago自体はタイムセレクターではありませんが、ファジータイムスタンプを自動的に更新することで、簡単に1つを構築するのに役立ちます。 （たとえば、「4分前」または「約1日前」）

   home/demo |

   jQuery Time Selectorプラグイン（FAQ）に関するよくある質問

   jQueryタイムセレクタープラグインを選択する際に考慮する必要がある重要な機能は何ですか？
   jQuery Time Selectorプラグインを選択するときは、使用の容易さ、カスタマイズオプション、さまざまなブラウザーとデバイスとの互換性、さまざまな時間形式を処理する機能など、次の重要な機能を検討してください。一部のプラグインは、時間の範囲、時間の増加、特定の時間範囲を無効にする機能などの追加機能を提供します。プラグインのドキュメントとサポートも考慮する必要があります。また、全体的なパフォーマンスと信頼性も考慮する必要があります。
   jQuery Time Selectorプラグインをインストールする方法は？
   jQuery Time Selectorプラグインのインストールには、通常、プラグインファイルをダウンロードしてプロジェクトに含めることが含まれます。 jQueryライブラリ、プラグインのCSSファイル、プラグインのJavaScriptファイルを含める必要があります。その後、jQueryのドキュメント対応機能を使用して、入力要素のプラグインを初期化できます。正確なインストールプロセスは、特定のプラグインによって異なる場合があります。
   jQuery Timeセレクタープラグインの外観をカスタマイズできますか？
   はい、ほとんどのjQuery Time Selectorプラグインはさまざまなカスタマイズオプションを提供しています。通常、時間セレクターの配色、レイアウト、および形式を変更できます。一部のプラグインを使用すると、カスタムCSSクラスまたはスタイルを追加することもできます。外観をカスタマイズする方法については、プラグインのドキュメントを確認してください。
   jQuery Time Selectorプラグインはすべてのブラウザと互換性がありますか？
   ほとんどのJQuery Time Selectorプラグインは、Chrome、Firefox、Safari、Internet Explorerなど、さまざまなブラウザーと互換性があるように設計されています。ただし、互換性は特定のプラグインとそのバージョンによって異なる場合があります。別のブラウザでプラグインをテストして、期待どおりに機能することを確認するのが最善です。

   jQuery Time Selectorプラグインを使用して、さまざまな時間形式を処理するにはどうすればよいですか？

   多くのJQuery Time Selectorプラグインを使用すると、さまざまな時間形式を処理できます。通常、プラグインを初期化するときに形式を指定できます。たとえば、AM/PMインジケーターを備えた12時間形式、または24時間形式を選択できます。一部のプラグインは、時間形式に影響を与える可能性のあるさまざまなロケールもサポートしています。

   jQuery Time Selectorプラグインを使用して特定の時間範囲を無効にできますか？

   はい、一部のJQuery Time Selectorプラグインを使用すると、特定の時間範囲を無効にできます。これは、ユーザーが特定の時間を選択できないようにしたい場合に非常に便利です。時間範囲を無効にする正確な方法は、プラグインごとに異なる場合があるため、特定の指示についてはプラグインのドキュメントを確認してください。

   jQueryタイムセレクタープラグインを使用してデフォルト時間を設定する方法は？

   jQuery時間セレクタープラグインでデフォルト時間を設定するには、通常、プラグインの初期化時にデフォルトの時間を指定することが含まれます。正確な方法はプラグインごとに異なる場合があるため、特定の手順についてはプラグインドキュメントを確認してください。

   日付セレクタープラグインでjQuery Time Selectorプラグインを使用できますか？

   はい、多くのJQuery Time Selectorプラグインを日付セレクタープラグインで使用できます。これにより、ユーザーは日付と時刻の両方を選択できます。一部のプラグインは、統合された日付および時刻選択機能を提供することもあります。

   jQuery Time Selectorプラグインを使用してタイムゾーンを処理するにはどうすればよいですか？

   jQuery Time Selectorプラグインを使用してタイムゾーンを処理するのは少し難しい場合があります。すべてのプラグインが組み込みのタイムゾーンサポートを提供しているわけではないためです。ただし、通常、ユーザーのタイムゾーンに基づいて選択した時間を調整することにより、タイムゾーンを手動で処理できます。

   jquery timeセレクタープラグインは、無効なユーザーが利用できますか？

   可用性は、特定のJQuery Time Selectorプラグインによって異なる場合があります。一部のプラグインは、ユーザビリティを念頭に置いて設計されており、キーボードナビゲーションやスクリーンリーダーのサポートなどの機能を提供します。ただし、すべてのユーザーが利用できるようにするには、常にさまざまな支援技術テストプラグインを使用することが最善です。

以上が10 jQueryタイムピッカープラグインの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。