Question

我想知道它是否已经存在一种方式来输入类型＆＃34;范围＆＃34;有两个不同的可设定值。我希望实现的输入类似于this。我们的想法是为价格设定范围。意思是我需要检索＆＃34;最小值＆＃34;和＃34;最大＆＃34;从那个输入。显然，为了学习，我们可以忽略CSS风格。

有没有办法用HTML5或JavaScript实现这一目标？我听说有一些jQuery插件可以实现这一点，但我想知道是否有更多的本地人＃34;这样做的方式。另外，我正在使用面向移动的框架Ionic。如果有人知道Ionic的插件可以实现这一点，那将非常感激。

Answer 1

您可以使用noUiSlider。它包括所有必需的Javascript，CSS和HTML。

在HTML中使用这样的div：

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

使用这个：

var slider = document.getElementById('slider');

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

你可以看到一个简单的例子。

输入范围有两个不同的值

1 个答案: