スライダー入力

参考:

How To Create Range Sliders | W3Schools

Slider for Bootstrap

参考:

Slider for Bootstrapを利用して値をスライダーで絞り込む | ハックノート

bootstrap-sliderを使ってスライダーをつくる – hello-world.jp.net

Slider for Bootstrap Examples Page

seiyria/bootstrap-slider: A complete rewrite of the original bootstrap-slider by Stefan Petre – GitHub

rangeslider.js

参考:

rangeslider.js

andreruffert/rangeslider.js: HTML5 input range slider element polyfill – GitHub

Material Design for Bootstrap

Bootstrap Slider (MDB Pro Component)

参考:

Bootstrap Slider – examples & tutorial. Basic & advanced usage – Material Design for Bootstrap

Vue

参考:

5 VueJs Range Sliders To Choose From | Void Canvas

Slider – Vue.js Examples

Recommended Range Slider Component? – General Discussion – Vue Forum

使い方

参考:

Vue.jsサンプルコード(05)複数のinputに同じ変数を割り当てる | TechRacho

レンジ入力欄(スライダー)のデータをバインディングさせて遊んでみた | 車いすなコーダー

No.010 レンジ入力欄の値と連動させてみた – Sample List | 車いすなコーダー

vuejs + input range | CodePen

vue-slider-component

参考:

vue-slider-component – npm

NightCatSama/vue-slider-component: Can use the slider in vue1.x and vue2.x – GitHub

QuickStart – vue-slider-component

Live Demo – vue-slider-component | JSFiddle

Using the Vue Slider component in Vue 2 – Develo Design

vue-range-slider

参考:

vue-range-slider – npm

ktsn/vue-range-slider: Simple slider component of Vue.js – GitHub

Vuetify.js

Slider Component

参考:

Slider Component — Vuetify.js

Framework7

Range Slider Vue Component

参考:

Range Slider Vue Component | Framework7 Vue Documentation

タグ:

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です