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

関連記事

  1. graphite

    JavaScript

    シンプルな棒グラフを生成できる「graphite」

    graphiteはシンプルな棒グラフを生成できるJavaScriptラ…

  2. Rain & Water Effect Experiments
  3. formToWizard

    JavaScript

    ステップごとに入力可能なフォームを実装できる「formToWizard」

    formToWizardはステップごとに(ウィザード)入力可能なフォー…

  4. Flex-box Gallery

    JavaScript

    ランダムサイズの画像をかっこいいギャラリーにしてくれる「Flex-box Gallery」

    Flex-box Galleryは、ランダムサイズによる画像たちをかっ…

  5. Nex

    JavaScript

    ダイナミックで美しいフルスクリーンのjQueryスライダーを実装できる「Nex」

    Nexはダイナミックで様々なアニメーションエフェクトが用意されたフルス…

  6. Unite Gallery

    JavaScript

    レスポンシブな画像・動画ギャラリーを実装できる「Unite Gallery」

    Unite Galleryは、レスポンシブに対応した画像・動画ギャラリ…

最近の記事

  1. Waterlogue
  2. macOS Mojaveのダークモード
  3. Olli
  4. 単語帳メーカー(Flashcard Maker App)

Facebookページ

PAGE TOP