jQuery Timepicker を使用するには、2 つのファイルを含める必要があります。 jquery.timepicker.min.js と jquery.timepicker.min.css の 2 つのファイルをインクルードする必要があります。 次に、ドキュメント内にクラス timepicker を持つ <input> 要素があると仮定して、右のコード（モバイルで読んでいる場合は下のコード）を使用してプラグインを初期化できます。
$(document).ready(function(){ $('input.timepicker').timepicker({});});Installation
プラグインはさまざまなソースから入手できますので、あなたのプロジェクトに適したものを選択してください!
npm
npm i jquery-timepickerBower
bower install jquery-timepicker-wvega --savecdnjs
jQuery Timepicker は cdnjs で使用可能です。 利用可能なすべてのバージョンとファイルのリストを得るには、https://cdnjs.com/libraries/timepickerにアクセスしてください。 また、以下のコードを使用して、必要なスタイルシートとスクリプトだけをウェブサイトに含めます。
次のコードをページの <head> 要素内に貼り付けます:
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css"> 次のコードを </body> タグの前に貼り付けます：
<script src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>ダウンロード
最新バージョンの jQuery Timepicker も GitHub からダウンロードすることが可能です。
Configuration
jQuery Timepicker にはいくつかの設定オプションがあります。 以下のデモを使用して、ニーズに合わせてその動作を調整します。 利用可能な各オプションの詳細な説明に興味がある場合は、オプション ページに移動してください。
$('.timepicker').timepicker({ }); Help & Bug Reports
バグレポートや機能提案は GitHub に書き込むことができます。
プラグインを使用していて問題がある場合、jquery と timepicker をタグとして使用して Stack Overflow に質問を投稿してください; 私かコミュニティの誰かが必ず手伝います。