timedropper

JavaScript

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

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

timedropper

timedropper

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

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

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

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

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

Popper.js軽量で見やすいツールチップを実装できる「Popper.js」前のページ

キャッチコピーや文章作成に便利!類語を教えてくれる「文章リライトツール」次のページ

関連記事

  1. JavaScript

    jQueryで好きな要素を浮遊させることができるプラグイン「jqFloat」を使ってみた

    指定した要素をフワフワと浮遊させることができる面白いプラグインを使って…

  2. Slideout.js

    JavaScript

    軽量でタッチスライド対応のサイドメニュー・Slideout.js

    Slideout.jsは軽量でスマフォでのタッチスライドに対応したサイ…

  3. jQuery GoUp!

    JavaScript

    ページ上部にスクロール移動してくれる「jQuery GoUp!」

    jQuery GoUp!は、ページ上部にスクロール移動してくれるシンプ…

  4. jQuery gantt

    JavaScript

    軽量なガントチャートを実装できるjQueryプラグイン「jQuery gantt」

    jQuery ganttは、軽量でシンプルなガントチャートを実装するこ…

  5. plusGallery

    JavaScript

    Google+のような画像ギャラリーを実装できる「plusGallery」

    plusGalleryはGoogle+のような画像ギャラリーを実装する…

  6. jQuery Accordion

最近の記事

  1. VS-543AS
  2. タリーズ 本日のコーヒー
  3. MRW-G1
  4. 桜と太陽

アーカイブ

PAGE TOP