timedropper

JavaScript

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

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

timedropper

timedropper

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

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

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

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

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

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

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

関連記事

  1. pagePiling.js

    JavaScript

    垂直にスライドするようなスクロールを実装できるjQueryプラグイン「pagePiling.js」

    pagePiling.jsは垂直にスライドするようなスクロール機能を実…

  2. JavaScript

    スクロールバーにあと何分で読めるかを表示してくれるjQueryプラグイン「jQuery Readin…

    とてもシンプルですが何気に便利そうだったので使ってみました。長文記事を…

  3. Tiny slider
  4. Lightense Images
  5. no-image

    JavaScript

    ミニマルでダイナミックなLightboxプラグイン「darkbox.js」

    darkbox.jsはミニマルながらもダイナミックなLightbox風…

最近の記事

  1. 東京都現代美術館
  2. スーリア バターチキン
  3. そそそ 明太クリームそうめん
  4. すしざんまい
  5. 蒼龍唐玉堂 特製牛バラ担々麺

アーカイブ

PAGE TOP