timedropper

JavaScript

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

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

timedropper

timedropper

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

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

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

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

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

関連記事

  1. jQuery Pretty Dropdowns
  2. JavaScript

    jQueryプラグインのレスポンシブなカルーセルのスライダー「Elastislide」を使ってみた

    jQueryプラグインで画面のサイズによってレイアウトを合わせてくれる…

  3. Blindify
  4. zoomwall.js

    JavaScript

    高さを揃えたグリッドレイアウトのLightbox系イメージギャラリー「zoomwall.js」

    zoomwall.jsは高さを揃えたグリッドレイアウトを実装することが…

  5. no-image
  6. simpler-sidebar

    JavaScript

    シンプルでスタイリッシュなサイドナビゲーション「simpler-sidebar」

    simpler-sidebarは、シンプルでスタイリッシュなサイドナビ…

最近の記事

  1. 久保田城
  2. ハードサイド CS80
  3. ACC-TRBX
  4. ピスタチオ クリスマス ツリー フラペチーノ

Instagram始めました

Facebookページ

PAGE TOP