input range滑塊插件 Powerange

1、引入js和css，別忘了jquery，要在powerange.js前面

<link rel="stylesheet" href="dist/powerange.css" />
<script src="dist/jquery.js"></script>
<script src="dist/powerange.js"></script>

2、html需要加入的內容：必須有input表單，並且定義class或者id

<input type="text" class="js-min-max-start" style="display: none;">

3、html需要加入的js

<script>
var elem = document.querySelector('.js-min-max-start');//選擇input元素
var init = new Powerange(elem, { min: 16, max: 256, start: 128 });//實例化powerange類並且初始化參數
</script>

ps：可選參數如下

//默認值如下,不同參數請以逗號分隔；
defaults = {
   callback      : function() {},//回調函數
   decimal       : false,//是否顯示小數點
   disable       : false,//是否禁用
   disableOpacity: 0.5,//禁用是顯示的透明度
   hideRange     : false,//是否在兩頭顯示最大值和最小值
   klass         : '',//添加自定義class
   min           : 0,//最小值
   max           : 100,//最大值
   start         : null,//從哪里開始
   step          : null,//寫上數字可以實現一次滑動你填寫的數字
   vertical      : false,//默認水平顯示 true時垂直顯示
};