问题标签 [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 投票
2 回答
247 浏览

javascript - JQuery 从另一个函数异步调用输入值

为此使用离子范围滑块。我正在尝试调用我设置为记录缩放的美化函数的值。我的日志缩放有效,但是当我尝试将其调用回我的其他异步函数时,我无法获得相同的结果。

我希望我从 prettify 函数得到的结果通过 onStart、OnChange、onFinish 函数。

Jsfidde在这里:http: //jsfiddle.net/jsbegin/7dbowqfd/61/

0 投票
2 回答
1385 浏览

jquery - 离子范围滑块没有显示

我正在尝试在我的反应应用程序中使用 ion-rangeslider。但它没有在网页上显示 ui。我正在像这样初始化我的 componentDidMount 方法

componentDidMount = () => {

但是在网页上它是这样显示的在此处输入图像描述

应该是这样的在此处输入图像描述

我也尝试在不使用 jquery 的情况下进行初始化

但它给了我错误说

我用create来初始化noUiSlider,它在那里工作。但是 create 不适用于 ionrangeslider。

我怎样才能解决这个完整的问题?

0 投票
2 回答
8987 浏览

ion-range-slider - Ionrangeslider 使用先前设置的值更新值

我在我的一种形式中使用 ionRangeslider 来显示提示范围。

如何更新提交按钮单击时的值,以便下次加载页面时,它会显示具有特定更新值的滑块?

HTML 代码

并通过 js 调用 ionRangeSlider

输入是给定的名称提示,我想通过它通过数据库设置其值。

0 投票
1 回答
104 浏览

javascript - Javascript表单计算输出

我有一个计算每平方米天花板价格的表格。离子范围滑块作为输入,然后计算价格并将数据输出到输入。但我需要用spanor改变输入div。有什么建议么?

这是html:

在这里你可以找到它是如何工作的http://jsfiddle.net/khvoroffski/50apyyr5/

0 投票
1 回答
358 浏览

javascript - 从 ionRangeSlider 获取属性

我想从 ionRangeSlider 获取属性

我想得到 num

这个结果显示给我=>未定义!

0 投票
1 回答
382 浏览

ion-range-slider - 解耦 ion.rangeSlider 网格/工具提示值

这似乎是一件很简单的事情。我有一个简单的滑块,从 0 到 100 步长为 25。使用滑块时,我想更改字符串返回的数字:

0 - 新手 25 - 初学者 50 - 中级 75 - 高级 100 - 专家

但是,我似乎找不到将网格值(0 - 100)与返回的工具提示值分离的方法。

提前致谢。

卡洛斯

0 投票
0 回答
573 浏览

javascript - 如何从 Shiny 中的自定义离子范围滑块中获取当前值?

目的:我需要一种将自定义标签(0、0.33、0.66、1)添加到闪亮滑块的方法。我修改了以下帖子中的代码:R Shiny date slider animation by month (currently by day)

问题:如何将当前滑块值传递给 Shiny 对象?我试图用这篇文章修改我的代码但没有成功:http: //ionden.com/a/plugins/ion.rangeslider/demo_interactions.html

请注意,我对 Javascript 非常陌生,我的代码不能包含任何额外的包。

用户界面

服务器

0 投票
0 回答
445 浏览

angular - 离子范围滑块的日期范围不能以角度工作

我正在尝试使用ion-range-slider在角度实现一个简单的日期范围滑块

这是html

组件.ts

在此处输入图像描述

当我尝试更改范围时,我得到了 NAN

在此处输入图像描述

任何人都可以让我知道如何解决上述问题 或者我可以在角度中使用任何其他第三方日期范围滑块吗?

0 投票
1 回答
1353 浏览

javascript - 离子 RTL - 滑块上方向错误的离子范围

我正在尝试使用 Ionic 3+ 上的支持,但在使用该组件RTL时发现了问题。ion-range

对于我的所有应用程序,我$app-direction: rtl;variable.scss文件中进行了设置,并且在某些时候我需要添加dir="rtl"HTML 文件。

但在 ion-range 组件中,尽管显示方向正确,但滑块的操作仍然是 LTR。如下图所示:

在此处输入图像描述

在此处输入图像描述

在第一个图像中,旋钮在正确的位置,但它不再起作用(它不移动),并且可以意识到滑块从错误的一侧(左侧)开始。在最后一张图片中,很明显滑块一直在 LTR 方向上工作。

我的代码:

有什么方法可以设置滑块方向吗?

0 投票
2 回答
1168 浏览

javascript - 在 R 闪亮的渲染 UI 中创建分类滑块输入

我正在尝试使用闪亮创建一个分类(而不是数字)滑块sliderInput。感谢 Dean Atali 在这里的回答(Shiny slider on logarithmic scale),我能够创建滑块。

但是,我需要在其中创建滑块server并通过 和 将其传递给renderUIUI uiOutput。但是,当我在服务器端sliderInput进行renderUI调用时,它不再起作用。这里有两个示例:第一个显示分类滑块如何工作(不使用renderUI/时uiOutput),第二个显示分类滑块如何不工作(使用renderUI/时uiOutput)。

工作示例(在 UI 中创建的滑块)

非工作示例(在 中创建的滑块server

生成滑块时,如何使滑块显示类别(而不是数字)server