问题标签 [rangeslider]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
96 浏览

javascript - jQuery mobile Rangeslider - 不显示数字

我正在使用jQuery Mobile 范围滑块。我想在时间范围内使用它。

是否可以隐藏位于滑块左侧和右侧的目标值框?

见图片:

http://i.stack.imgur.com/UxCGg.png

0 投票
1 回答
266 浏览

jquery - jQuery range slider with incline plane?

Any ideas on how to style a range slider to do something like this where the highlight fill increases along an incline as you drag the slider (colors/design are example only):

enter image description here

0 投票
2 回答
2843 浏览

jquery - ion.rangeSlider 将滑块锁定为预定义值

是否有将滑块锁定为预定义值的选项?我是说

值:[“7.5”、“15”、“35”、“65”、“99”、“125”、“150”、“199”、“299”、“399”、“499”]、

现在我只想将“7.5”移动到 15,35.....499,

怎么可能?因为当我从“7.5”开始滑块时,它会显示 43、79。我不想要这些值,滑块只移动给定的值!请你!

0 投票
2 回答
909 浏览

javascript - 不同基础范围滑块的总和值

我正在尝试添加 6 个不同范围滑块的值并显示结果。我得到了一个我预期的数字,但我只是想弄清楚如何对每个滑块的属性求和。因此,当按下按钮时,我会得到全部。

我创建了一个 jsfiddle,但它不起作用。见这里:http: //jsfiddle.net/Ae5Y4/3/

有什么建议吗?

HTML:

JAVASCRIPT:

0 投票
2 回答
2277 浏览

javascript - 如何在 Foundation 5 中创建双手柄范围滑块?

在这里编码新手——我正在使用 Foundation 5 作为我正在创建的应用程序的前端框架,并且我正在尝试创建一个具有两个句柄的范围滑块。有谁知道如何做到这一点?简单地重复“range-slider-handle”跨度元素确实会创建两个句柄,但其中一个句柄固定在范围的左端并且不能移动。

如果有人可以就这个问题提出建议,将不胜感激!

0 投票
1 回答
7265 浏览

jquery - 角度时间范围滑块

我正在使用http://danielcrisp.github.io/angular-rangeslider/demo/创建一个范围滑块,但我希望它使用 time(HH:MM) 而不仅仅是普通数字。所以它的范围是10m - 2hr。但是我对如何实现这一点有点困惑。

我最好像这样格式化时间:

时间以分钟计算,然后也许我可以以某种方式使用日期过滤器将数字转换为 hh:mm 但我仍然希望它的格式类似于 (10min, 30min, 1hr, 1hr 10min, 1hr 30min, 2hr)

或者这是一种更好的方法:

还是我完全错过了这一点并且有更好的方法?

0 投票
1 回答
20147 浏览

angularjs - AngularJS在范围之间过滤

我设置了一个范围从 0 到 2 小时的范围滑块,时间以分钟为单位计算,然后转换为 hh:mm,如下所示:10 分钟、20 分钟、1 小时、20 分钟、2 小时。

但现在我试图过滤里面的一堆项目ng-repeat,我很难让它工作。

这是我所做的http://cdpn.io/LDusa

我正在使用http://danielcrisp.github.io/angular-rangeslider/demo/作为范围滑块。

这是代码:

JADE(如果您更喜欢 HTML,可以使用此http://html2jade.org/将其转换回 html ):

我怎样才能让它工作,所以它只会time在范围滑块指定的范围内显示项目?

0 投票
1 回答
1438 浏览

javascript - Swiper.js with Rangeslider.js - 在 Rangeslider.js onSlide 回调函数上禁用 Swiper.js 触摸事件

我在 iDangerous 的swiper.js之上使用 Andre Ruffert 的rangeslider.js ,但每次我滑动我初始化的 rangeslider 时,它也会刺激 Swiper 的触摸滑动事件,因此它们都同时滑动。在滑动 Rangeslider 时,我可以使用什么方法来禁用 Swiper?我是 jQuery 的新手,所以任何帮助都将不胜感激。

这是我的代码:

HTML

JS

0 投票
1 回答
2361 浏览

jquery - jQuery Range Slider 未在模态框中加载

我正在尝试将jQRangeSlider加载到模态框中。加载所有jQRangeSlider脚本后。脚本加载成功,但模态框未显示jQRangeSlider

我正在尝试做的事情。

有清单id。单击每个id调用的 ajax 并从后端(MySql)获取滑块数据。

然后会出现一个带有滑块的模型框。滑块具有从后端(MySql)中获取的信息id

列表中有很多id。因此无法设置静态滑块。

JS 小提琴 http://jsfiddle.net/Njhvv/2/

jQuery

HTML:

更新 :

我正在尝试在 Bootstrap 模型框中加载范围滑块。

问题: 第一次加载不正确。但是在第二次之后它正在正确加载。

我需要什么:我需要在第一次尝试时加载它。

我在做什么:它显示在每个 JS 树叶点击上。单击 Leaf 后,JSON 将调用以向滑块提供数据输入。使用 JSON 数据滑块设置它的位置。

我的链接问题:jQuery Range Slider 未在模态框中加载

我也尝试过$.when()但仍然存在同样的问题。

0 投票
0 回答
480 浏览

jquery - 如何处理范围滑块的 jQuery UISlider 更改事件

我有一个两个句柄的 jQuery UI 滑块,在它的每个句柄下,每次用户更改句柄时都有一个数字应该更改,我只能更改其中一个。

我需要检测移动了哪个手柄以及移动了哪个方向,以计算数字。

HTML:

jQuery: