timedropper

JavaScript

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

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

timedropper

timedropper

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

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

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

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

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

関連記事

  1. WD_ImageStax

    JavaScript

    山積みされた写真をシャッフルさせるフォトギャラリー「WD_ImageStax」

    WD_ImageStaxは無造作に山積みされた写真をシャッフルさせるフ…

  2. Woco Accordion jQuery plugin
  3. preload

    JavaScript

    プリロードやローディング画面を実装できるjQueryプラグイン「preload」

    preloadは、その名のとおり「プリロード」やローディング中の画面を…

  4. no-image

    JavaScript

    ミニマルなイメージギャラリーを実装できる「Albery」

    Alberyはミニマルなイメージギャラリーを実装できるjQueryプラ…

  5. Sidr

    JavaScript

    横からサイドメニューが現れるjQueryプラグイン「Sidr」

    面白いjQueryプラグインがあったのでメモがてらご紹介します。Sid…

  6. no-image

    JavaScript

    水平スクロールでテキストが流れていくマーキー実装「hMarquee」

    hMarqueeは、水平スクロールでテキストが滑らかに流れていくマーキ…

最近の記事

  1. 赤いなつめ
  2. ペーストしてスタイルを合わせる
  3. Hermèsオレンジスポーツバンド
  4. GoPro HERO8 Black

アーカイブ

PAGE TOP