bl6.jpホームニュースレビューお出かけアプリウェブサイトMacカメラレタッチTips雑記bl6.jpファッション、写真、旅行、ガジェットなどの備忘録menuホームJavaScript時間と日付を選択できる「jquery-time-slider」JavaScript2018.02.26時間と日付を選択できる「jquery-time-slider」jquery-time-sliderは時間と日付を選択できるjQueryプラグインです。定規のような横に長く伸びた時間軸から好きな時間をスライドさせながら選択できます。jquery-time-slider以下のページから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のライセンスはMITとのこと。詳細・ダウンロードは以下からどうぞ。Sliderはレスポンシブに対応したシンプルで...JavaScriptレスポンシブで多階層に対応したドロップダウンメニュー「StellarNav.js」StellarNav.jsはjQueryによるレスポンシブで多階層に対...JavaScript美しくてハイクオリティなイメージギャラリーを実装できる「nanogallery2」nanogallery2はパーソナルニーズにピッタリなイメージギャラリ...JavaScript美しいパーティクルエフェクトを実装できる「ClickSpark.js」ClickSpark.jsは画像を用いたたくさんの粒子が放出されるよう...JavaScript2KB程の軽量&シンプルなjQueryスライダー「Craftyslide」を使ってみたとてもシンプルで軽量ないい感じのjQueryプラグイン「Craftys...JavaScriptデザインもシンプルで素敵なレスポンシブのjQueryスライダー「Blueberry」を使ってみたとてもシンプルで素敵なjQueryスライダー「Blueberry」を使...検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.20いつもの音楽をハイレゾ級で。ソニーの完全ワイヤレス...ソニーからハイレゾ級高音質と優れた接続性を備えた小型・軽量の完全ワイヤレスイヤホ...2020.02.19三色ボールペンの青と緑を「黒」に変えるいつも仕事で使っているジェットストリームの三色ボールペン(+シャーペン付き)。こ...2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。