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

javascript - ionRangeSlider 根据百分比设置值

我正在使用这个库:ionRangeSlider

我正在尝试根据当前百分比绑定 2 个滑块,这是我的代码:

例如,如果 FOO 移动到 25%,则 BAR 必须移动到 75%,反之亦然。两个滑块上的值不同,它们将从后端动态构建。

这段代码有什么问题?

0 投票
1 回答
647 浏览

angular - 使用 ng2 离子范围滑块美化值 - 角度

我正在尝试使用 ng2 离子范围滑块在角度 https://github.com/PhilippStein/ng2-ion-range-slider中实现日期选择滑块

截屏 在此处输入图像描述

日期选择滑块上的悬停以毫秒为单位显示, 我想将它们美化为“MM/DD/YYYY”格式。 谁能告诉我如何将悬停的格式从毫秒美化为“MM/DD/YYYY”。

0 投票
1 回答
2533 浏览

ionic3 - 如何使用 Ionic 3 和 Angular 5 动态启用或禁用 ion-range-slider?

我已经使用 ion-range-slider 实现了一个滑块。它有一个禁用选项来启用或禁用滑块。但我需要让它动态启用/禁用。

我试过这种方式。我无法做到这一点。请帮助我我需要做什么?她的密码。

我的 manage.ts 代码是:

我需要在单击按钮时启用滑块

请指导我如何进行。

0 投票
1 回答
468 浏览

jquery - 如何正确替换动态创建元素的文本?

如何正确替换动态创建元素的文本?

我的代码 -小提琴

我正在尝试替换内容.irs-single

但是替换我的文本中的文本不会发生

为什么这种方法不起作用?

如何正确替换此块的文本?

谢谢

我很乐意提供任何帮助

0 投票
1 回答
1914 浏览

javascript - 在 ionRangeSlider 中添加 onChange 事件延迟

我正在使用 ionRangeSlider 的价格范围:

HTML

JS

我想onChange在重定向到 url 之前添加 2 秒的延迟。

我查看了文档,但找不到如何为 onChange事件添加延迟。

任何帮助,将不胜感激

0 投票
1 回答
1282 浏览

javascript - 如何在gentelella模板中初始化离子范围滑块功能

我对如何初始化一些基本的 js 组件感到困惑,比如“网格滑块”: 在此处输入图像描述

包含在 laravel 的包中: https ://colorlib.com/polygon/gentelella/form_advanced.html

它来自这个插件:http: //ionden.com/a/plugins/ion.rangeSlider/en.html

那是我的代码:

我尝试了两种方式:

  1. 没有显式导入,错误是: 在此处输入图像描述
  2. 在“”部分的子视图中导入 CDN,@stack('script')例如:

src="https://cdnjs.cloudflare.com/ajax/libs/ion-angeslider/2.2.0/js/ion.rangeSlider.min.js">

错误类似于:

在此处输入图像描述

我怎样才能正确初始化这个组件?

0 投票
1 回答
538 浏览

javascript - 离子范围滑块颜色和拖动器未在 Laravel 中显示

我正在尝试在我的项目中添加 ion-rangeslider

这是我的 HTML 代码

这是我的 Jquery 代码

这就是我在屏幕上看到的。

在此处输入图像描述

正如我们所看到的,滑块内的颜色没有显示以及用于设置值的拖动器。我不知道为什么它没有显示。任何人都可以帮忙吗?顺便说一句,我正在使用 Laravel。

0 投票
1 回答
1590 浏览

jquery - 具有 HH:mm 格式的离子范围滑块从和到不工作

我正在尝试在我的项目中使用 Ion Range Slider 来选择工作时间。例如:(08:00-19:00)。

当我想使用 from & to 设置默认工作时间时,它不起作用。滑块虽然有效,但值没有改变。

我错过了什么?

0 投票
1 回答
1030 浏览

javascript - 使用 Jquery 禁用 IonRangeSlider 以启用单击事件

在页面加载时间 IonRangeSlider 使用disable 禁用:一旦页面加载成功,我将单击滑块,它应该启用并设置位置。

我应该怎么办 ?使用 Jquery 和 JavaScript。

0 投票
0 回答
94 浏览

angular - Angular 中的 Firebase 和 ng2-ion-range-slider 包冲突

我正在使用 Angular 和 Firebase(+ 云功能),在我的网络应用程序中,我还从 npm 添加了 ng2-ion-range-slider 来扩展我的 UI。但我注意到在安装范围滑块后,我无法将云功能部署到 Firebase。

可能有一个关于范围滑块的绝对错误,但我需要通过一些解决方法来处理这个冲突。

在 /functions 文件夹中执行以下命令后;

firebase deploy --only 功能

我收到以下错误。即使从 npm 卸载范围滑块它仍然不起作用。有些东西破坏了我的 node_module 包结构,但我找不到它..

这是关于我的 tsconfig。文件

这是错误:

***问题已更新**** 我删除了 main 和 functions 文件夹中的 node_module 文件夹,然后运行;

须藤 npm 安装

但即使 npm install 也无法正常工作。

提前致谢。