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

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

スポンサーリンク

スポンサーリンク

アクセスランキング

Tags

Archives