问题标签 [round-slider]

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 回答
1112 浏览

javascript - JQuery Knob - 格式为 HH:mm:dd 的计时器

我正在尝试设置格式为 HH:mm:dd 的计时器。

例如:时间将显示“22:25:05”或“00:04:22”,还剩荷鲁斯/分钟/秒。在此处输入图像描述

我设法让它显示时间,但无法使计时器工作并进行实时倒计时。

我如何设置一个可以使用这种格式的计时器?谢谢

我的代码:

0 投票
1 回答
689 浏览

javascript - 圆形滑块文本框始终可见

我正在使用http://roundsliderui.com/demos.html圆形滑块库。我想显示可编辑的文本框总是显示不隐藏。谢谢

0 投票
1 回答
447 浏览

javascript - 圆形滑块半色

我正在使用圆形滑块 库。这是我的演示站点演示链接。我的圆圈有两种颜色,一种是灰色,另一种是橙色。如果我移动手柄黑色显示。但我只想在灰色 colot 中显示这种黑色,而不是橙色。意味着我想从橙色部分消除黑色。下图也可以说明在此处输入图像描述

0 投票
2 回答
78 浏览

javascript - 在任何给定计时器上滑块的当前值的变量是什么?

在任何给定时间,roundSlider jquery 插件的当前值的变量将被调用,我将如何将其存储在我自己的变量中? http://roundsliderui.com/

0 投票
1 回答
482 浏览

jquery - jqueryKnob的tron皮肤如何使用?

好吧,这是我第一次使用 jqueryKnob 插件。我正在尝试在此插件中使用格式选项和皮肤选项,但它似乎不起作用。对于皮肤问题,我尝试了jQuery 旋钮 tron 皮肤问题,但没有任何帮助。我可能哪里出错了?

HTML

0 投票
1 回答
371 浏览

css - 在多个元素上同步变换过渡

我正在使用滑块插件 ( http://roundsliderui.com/ ) 并添加了其他元素来获得自定义填充图像。在 Chrome 中,即使设置相同,单击滑块时发生的转换也不会同步。它似乎只发生在 Chrome 中,在移动设备上更糟。我的目标是使用 Crosswalk webview 的 Android,因此它会影响所有用户,尤其是速度较慢的手机。

该插件有一个旋转手柄的元素,我添加了一个子元素来剪辑填充图像(.rs-range-clip-custom,没有变换),其中一个子元素旋转回垂直以将填充图像作为背景(.rs-range-custom)。对于实际图像而言,这一点非常明显,因为填充将在末端留下间隙或延伸超过轨道末端,具体取决于它移动的方向。

您可以在http://codepen.io/MalikDrako/pen/XjbaWR查看滑块的简化版本

如何确保两个动画同步?

0 投票
1 回答
443 浏览

javascript - jQuery Round Slider 将速记值添加到范围

我在我的应用程序中使用圆形滑块,其中滑块类型是范围。我的范围从 0 到 2 百万不等。我有一个要求,如果值在1000以上,应该表示为1k(1200为1.2k),如果值在1000000以上,则应表示为1M(1200000为1.2M)。到目前为止,我找不到这样做的方法。

如果有办法做到这一点?

提前致谢

0 投票
1 回答
1736 浏览

javascript - 圆形滑块 - 为最小手柄设置更高的值,反之亦然

这是我当前的圆形滑块实现(文档:http ://roundsliderui.com/ )。例如,我需要能够选择 Nov-Mar 的值。有任何想法吗?

HTML

脚本

CSS

0 投票
3 回答
111 浏览

javascript - 在值上附加元素

我正在使用roundSlider作为径向滑块。这给了我幻灯片的价值。在幻灯片上我正在添加span元素。

所以我真正想要的是span应该按照车牌号。如果有 22 个盘子,那么span应该只有 22 个,如果盘子是 10 个,那么span也应该是 10 个,反之亦然。

查找小提琴演示

目前,它只是附加 1 个长度。我希望它根据var tp值附加(添加和删除)。

0 投票
1 回答
785 浏览

javascript - 使用步骤时向 RoundSlider 添加特定点

当前使用 roundslider 插件 ( http://roundsliderui.com/ )。我已将值分成三份 (33) 并将工具提示更改为文本值。

我想在步骤所在的位置添加特定的图形点(例如圆圈)以指示用户将滑块拖动到的步骤。在文档中找不到与添加此内容相关的任何内容,所以只是想知道这是否可能,或者是否有人使用插件自己实现了这一点。

js:

scss:

我最初的想法是::after在滑块 div 上使用的步骤上添加圆圈。只是想知道是否有更强大的方法来实现这一点。

如果有人能解决我的问题,将不胜感激,谢谢。:)