简介

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