范围滑块JS插件nouislider

简介

noUiSlider 是一个轻量级的 JavaScript 范围滑块库。它提供了多种选择的选项和设置，并且能够和很多设备（触屏）兼容，包括 IOS， Android，Windows 8 和 Windows Phone 8。

使用

1.  引入文件 nouislider.js

2.  HTML

<div id="slider"></div>

3.  调用

var slider = document.getElementById('slider');
noUiSlider.create(slider, {
  start: [20, 80],
  connect: true,
  range: {
    'min': 0,
    'max': 100
  }
});

相关链接

官网地址 ：https://refreshless.com/nouislider/

GitHub 地址 ：https://github.com/leongersen/noUiSlider