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. jQuery liMarquee
  2. jQuery Modal

    JavaScript

    シンプルでレスポンシブなモーダルボックス「jQuery Modal」

    jQuery Modalはシンプルでレスポンシブに対応したモーダルボッ…

  3. Text Scramble Effect

    JavaScript

    テキストをスクランブルしながら表示していく「Text Scramble Effect」

    Text Scramble Effectはテキストをカシャカシャとスク…

  4. Letter Effects and Interaction Ideas
  5. Freewall

    JavaScript

    レスポンシブ対応のグリッドレイアウトを実装できるjQueryプラグイン「Freewall」

    FreewallというjQueryプラグインを使えばレスポンシブに対応…

  6. Ladda

    JavaScript

    ボタンとローディングアイコンが一緒になったUIを実装できるjQueryプラグイン「Ladda」

    Laddaはボタンとローディングアイコンが一緒になったUIを実装するこ…

最近の記事

  1. cheero USB-C PD Charger 60W
  2. DY-S01
  3. OWL-QI10W04
  4. BQ-CC87L

アーカイブ

PAGE TOP