jQuery Timedropperを使ったカスタム時間入力フィールド

いくつかのWebフォームが必要です 日付ベースの入力 そして日付ピッカープラグインはそれを助けることができます。しかし、どうですか 時間入力?

無料のjQueryプラグインを使って タイムドロッパー, あなたは付け加えられます カスタムタイムピッカー 予定の設定、電話の予約、その他必要なものすべてに.

それは信じられないほど簡単です、そしてあなたは jQueryライブラリだけが必要です 始めるために。そのライブラリをインストールしたら、Timedropper JS / CSSファイルを追加して実行させることができます。それでおしまい!

各入力フィールドは jQueryセレクタの対象 その後、Timedropper入力フィールドを追加します。この オプションはありますか 追加の（オプションの）機能を追加することができます。

• オートスイッチ - マウスを上げると自動的に時/分を変える
• 経絡 - 24時間制ではなく12時間制を設定する
• フォーマット - 時間と分をどのように表示するかを設定します（デフォルトのスタイルは午後1時22分です）。
• マウスホイール - ホイールスクロールに基づく時間変更を可能にします
• Init_animation - フェードアニメーション効果をオンにする
• setCurrentTime - 現在時刻をフィールド値に自動的に追加します

あなたがもっと大胆なのなら、あなたはできる。 スタイルを変える いくつかのプレパックテーマを使用するか、あるいはゼロから独自のものを作成する.

jQueryプラグインの中で、Timedropperは蜂の膝です。それは本当に 独自のインターフェースを提供 どのアプリでも端末に関係なく時間を選択できます.

当然です モバイル対応, スマートフォンやタブレットでも動作します。しかし、私は好きではありません Num Padサポートの欠如. それは時間を入力する明らかな方法のように思われるので、その機能がなければ、それは制限を感じることができます.

それでも、 ユニークなインターフェース そして 簡単なセットアップ, 私はそれを打っても構わないと思っている人にはTimedropperをお勧めします.

発見できる すべてのソースコード GitHubを無料でダウンロードすれば、このペンの中に信じられないほど単純なデモが見つかります。.

他の考えや提案がある場合は、Twitterの開発者と自由に共有してください@felice_gattuso.