问题标签 [ion-range-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 回答
1619 浏览

javascript - 防止 ionRangeSlider 在鼠标移出后更改值

在此JSFiddle中,按住鼠标键并拖动到 JSFiddle 结果 iframe 之外。

然后松开按钮。将鼠标移到滑块上。然后,将更改滑块值,而无需按住按钮。

如何防止这种行为?

代码非常简单:

0 投票
1 回答
341 浏览

javascript - Ionic 2 范围滑块导致“表达式值在检查后更改”错误

我正在 ionic 2 中构建音频播放器并使用 javascript Audio() 对象。但是当我将 ionic 2 range 滑块附加到音频播放器以显示进度时,它不会移动,除非用户在应用程序上执行了另一个操作。当在应用程序中执行不同的操作时,它会抛出此异常

Subscriber.js:229 未捕获的异常:./player 类播放器中的错​​误 - 内联模板:9:105 原始异常:表达式在检查后已更改。以前的值:'3.17455955686814'。当前值:'3.1862762409060017'

任何想法可能是什么问题?

0 投票
1 回答
810 浏览

javascript - 如何从 AngularJs 控制器中的 ION-Range-Slider 获取“from”和“to”值

我正在尝试从 AngularJS 控制器中的 ION-Range-Slider 获取“from”和“to”的值,但我遇到了语法错误。

这是我的滑块:



在我的控制器中我试过这个:


谢谢你的时间 :)

0 投票
1 回答
2032 浏览

javascript - 当类型为“单一”时,如何在 IonRangeSlider 中获取和获取值

我正在使用 IonRangeSlider,其中有 3 个自定义值:

并且类型是single.

现在我想要的是,我想以某种方式检测 from 和 to 值如果我从Value1to切换,Value2那么我希望它们两个值都包含在 2 个不同的变量中,因为我有一些基于 from 和 to 值的计算。但我能做的只是可以获得 From 值,如Value1.

下面是我的代码。

0 投票
1 回答
2541 浏览

ion-range-slider - ion RangeSlider:在自定义值的情况下自定义网格

我有以下滑块设置:

我不想在我的网格中包含所有值。但是有 0、5、15+ 之类的。这可能吗?

0 投票
1 回答
802 浏览

javascript - IonRangeSlider momentJS 步骤问题

我正在使用带有 MomentJS 的 ion Rangeslider。(http://ionden.com/a/plugins/ion.rangeSlider/demo_advanced.html

我让滑块向上工作,现在我想在 0-24 小时内每 15 分钟添加一次“步进”,即我应该能够在 0-24 小时之间的 15 分钟间隔之间步进。

我尝试了以下方法:

我不确定我哪里出错了。我是 MomentJS 的新手,非常感谢您的帮助。

0 投票
2 回答
3262 浏览

javascript - IonRangeSlider 为值分配标签

我正在使用ionRangeSlider,我想为值分配标签,反之亦然。

所以用户可以通过选项选择与海滩的距离:'on beach', '100m', '200m', '300m', 'more than 300m'但我需要post像这样的值'0', '100', '200', '300', 999

我的初始化:

有什么办法吗?(使用 ionRangeSlider 因为我可以在路上获取值并解析它们)

我正在尝试 ionRangeSlider 的设置minmax选项,但它不起作用。

有任何想法吗?

0 投票
1 回答
2040 浏览

javascript - ion.rangeSlider:仅在拖动/移动手柄时显示标签

我正在使用Ion.RangeSlider作为时间线。我有设置hide_from_to: true,因为我不希望看到这些标签。

但是,有一个例外,我希望它们实际上是可见的:当用户移动手柄时。

也就是说,通常滑块应如下所示:

无标签手柄

但是当移动手柄时(并且只有这样)它应该是这样的:

在此处输入图像描述

我试过了onChange,但我没有管理

这是一个 jsfiddle

关于如何做到这一点的任何想法?

0 投票
1 回答
145 浏览

ionic-framework - 离子范围滑块指针不应设置在一个点

我正在使用离子范围滑块来显示日期和时间。我不希望两个滑块在同一点相遇。
如图
所示有 什么建议吗?

0 投票
2 回答
3786 浏览

angularjs - 在 AngularJS 指令中动态更新 ion.rangeSlider ngModel

我正在尝试Ion.RangeSlider在其绑定ng-model范围变量更改时更新它的值。使用 时模型会更新Ion.RangeSlider,反之则不会。当模型值发生变化时,其他具有相同 ng-model 的输入会更新,所以这一定是一些特殊情况。

1

编辑:哇!这是一个片段@lin :) 还有jsfiddle


我在十多个有点相关的堆栈溢出帖子中尝试了各种建议(这就是我scope.$watch在 ngModel 上设置当前方案的方式),但没有一个奏效。我的控制台中没有任何错误。怎么了?另外,为什么在我的指令中没有提及模型的情况下它不起作用?请让我知道是否有任何重要的内容我没有包含在这篇文章中。