jquery-time-slider

JavaScript

時間と日付を選択できる「jquery-time-slider」

jquery-time-sliderは時間と日付を選択できるjQueryプラグインです。定規のような横に長く伸びた時間軸から好きな時間をスライドさせながら選択できます。

jquery-time-slider

デモ

定規のようなメモリが付いた横長のバーが表示されていて、ここから時間を指定できるようになっています。その下には日付が表示されています。

バーを左右にスライドさせながら好きな時間を選択できます。直感的に時間を決めれるので便利ですね。

デモページにはいろんなタイプのサンプルが用意されているので、気になる人はぜひ触れてみてください。

jquery-time-sliderにはオプションもいろいろ用意されています。主なオプションは、minMoment、maxMoment、fromMoment、toMoment、display.value、display.from、display.to、format.datte、format.time、format.timezone、format.showUTC、format.text、format.showRelativeです。

そのほか、メソッドには.setFormat(format):があります。

jquery-time-slider

stickUp2スクロールしてもついてくるスティッキー実装「stickUp2」前のページ

シンプルで使いやすい画像ズームを実装できるjQueryプラグイン「spzoom」次のページspzoom

関連記事

  1. okzoom

    JavaScript

    レンズで拡大するように画像の細部をマウスオーバーでズームできる「okzoom」

    okzoomは画像細部をマウスオーバーでズームすることができるjQue…

  2. ScrollTrigger

    JavaScript

    スクロールの位置をベースにしたアニメーション「ScrollTrigger」

    ScrollTriggerはユーザーがスクロールする位置をベースにした…

  3. swingdrag

    JavaScript

    jQuery UIのドラッグ機能にスイング効果を加えることができる「swingdrag」

    swingdragは、jQuery UIのドラッグ機能にスイング効果を…

  4. JavaScript

    画像をボックス単位に分割してスライドさせていくjQueryプラグイン「Maskify Slider」…

    とてもお洒落なjQueryのイメージスライダーがあったのでご紹介します…

  5. no-image

    JavaScript

    フロントエンドアプリケーションを構築するためのJSライブラリ「HyperApp」

    HyperAppは、フロントエンドアプリケーションを構築するための1K…

  6. jQuery googleslides

最近の記事

  1. サンクラフト ポテトング
  2. iPhone 11 Pro Smart Battery Case(ホワイト)
  3. メイソンピアソン ヘアブラシ
  4. COMOLI ベタシャンCPOシャツ(サックス)

アーカイブ

PAGE TOP