输入类型范围固定在最小值和最大值之间

时间:2015-09-09 12:47:52

标签: jquery html input types range

我想在最大值和最小值之间修改拖动输入类型范围。我的输入类型范围的最小值为0,最大值为100.我想将此拖动控制在20到80之间。

怎么做?

P.S。我正在使用普通的jQuery。

我已经做了这么多,现在我想控制它在一个范围之间拖动,但我想显示100%范围,用户只能拖动20到80

[code Fiddle][1]

我在stackover中找到了这个链接。我试图编辑它但我无法找到解决方案。

Fiddle

2 个答案:

答案 0 :(得分:1)

演示:http://ionden.com/a/plugins/ion.rangeSlider/demo_advanced.html 检查Set"最大间隔大小:"演示

<script>
$("#range_120").ionRangeSlider({
type: "double",
min: 0,
max: 100,
from: 30,
to: 70,
max_interval: 50   
});
 <script>

答案 1 :(得分:0)

这可以使用HTML5 Range滑块完成:

<input id="slider1" type="range" min="20" max="80" step="10" />

来源:http://www.html5tutorial.info/html5-range.php