timedropper

JavaScript

時刻を指定しやすくしてくれるjQueryのタイムピッカー「timedropper」

timedropperは時刻の指定をしやすいUIを実装できるjQueryのタイムピッカーです。時・分をスライダーで動かすことでスムーズに指定できるので、スマホの小さい画面なんかでも使いやすいのがいいですね。

timedropper

timedropper

スマホの絵のなかにある「PLAY DEMO」からデモ動作を見ることができます。時刻が表示されている場所をクリックすると、スライダーが表示されます。

スライダーを動かしながら任意の時刻を設定することが可能です。

実際にiPhoneでも試してみましたが、とても使いやすくてスムーズに調整できました。スマホからの時刻指定を使いやすくしたいという方は要チェックのUIですね。

ちなみにオプションもいろいろと用意されているので、詳しく知りたい方はぜひチェックしてみてください。

というわけで、jQueryのタイムピッカー「timedropper」のご紹介でした。

関連記事

  1. No Vacancy

    JavaScript

    ネオンサインのようなエフェクトを実装できるjQueryプラグイン「No Vacancy」

    テキストにネオンサインのようなエフェクトを実装することができるjQue…

  2. JQuery Clock

    JavaScript

    シンプルなアナログ時計を実装できる「JQuery Clock」

    JQuery Clockはシンプルなアナログ時計を実装できます。画像を…

  3. Swipeshow

    JavaScript

    スワイプにも対応したシンプルなスライドショーを実装できるjQueryプラグイン「Swipeshow」…

    タッチデバイスのスワイプにも対応したシンプルなスライドショーを実装する…

  4. JavaScript

    高さや幅が不揃いの要素をキレイに揃えてくれるjQueryプラグイン「equalize.js」

    高さや幅が不揃いの要素をキレイに揃えてくれるjQueryプラグイン「e…

  5. jumboShare

    JavaScript

    SNSシェアボタンとジャンボサイズのカウンターを設置できる「jumboShare」

    jumboShareはSNSのシェアボタンとジャンボサイズのカウンター…

  6. Timeline

    JavaScript

    水平・垂直に対応したVanilla JSによるタイムライン実装「Timeline」

    Timelineは水平・垂直に対応したVanilla JSを使ったタイ…

最近の記事

  1. s9+
  2. SRS-LSR200
  3. QC30
  4. リンツ リンドール

アーカイブ

PAGE TOP