Questions tagged [ion-range-slider]
71 questions
0
votes
1 answer
Prettify values using ng2 ion range slider - angular
I am trying to implement date selection slider using ng2 ion range slider in angular
https://github.com/PhilippStein/ng2-ion-range-slider
ngOnInit() {
this.myMaxDateVal = Date.now();
var formattedDate = new Date(this.myMaxDateVal);
…

Pein
- 423
- 3
- 11
- 27
0
votes
1 answer
ionRangeSlider set values based on percentage
I´m using this library: ionRangeSlider
I´m trying to bind 2 sliders based on their current percentage, this is my code:
$(function(){
$("#foo").ionRangeSlider({
type: "single",
grid: true,
min: 1,
max: 200,
from:…

Alberto Siurob
- 207
- 5
- 16
0
votes
1 answer
Decoupling ion.rangeSlider grid / tooltip values
This seems like a simple enough thing to do. I have a simple slider which goes from 0 to 100 in steps on 25. When using the slider I would like to change the number returned by a string:
0 - Novice
25 - Beginner
50 - Intermediate
75 - Advance
100 -…

Carlos
- 371
- 5
- 16
0
votes
1 answer
get attributes from ionRangeSlider
I want get attributes from ionRangeSlider
" type="text" class="range" value="" name="range" />
I want get num
$(".range").ionRangeSlider({
min: 25,
max:…

Mido Bona
- 13
- 6
0
votes
2 answers
ion-rangeslider not getting displayed
I am trying to use ion-rangeslider in my react application. But it is not showing up with ui on webpage. I am initializing it my componentDidMount method like this
componentDidMount = () => {
$("#ionSlider-newTag").ionRangeSlider({
min:…

EdG
- 2,243
- 6
- 48
- 103
0
votes
1 answer
The ion range slider pointer should not be set at one point
I'm using ion range slider for date and time. I don't want the two slider to meet at the same point.
as in the image
Any suggestions ?

Dharanee
- 21
- 2
0
votes
1 answer
IonRangeSlider momentJS step issue
I am using ion Rangeslider with MomentJS. (http://ionden.com/a/plugins/ion.rangeSlider/demo_advanced.html)
I have the slider up and working, now I want to add "Step" for every 15 minutes for 0-24hours i.e I should be able to step between 15 minutes…

TechnoCorner
- 4,879
- 10
- 43
- 81
0
votes
1 answer
Prevent ionRangeSlider to change the value after mouse out
In this JSFiddle, hold down the mouse key and drag outside of the JSFiddle result iframe.
Then release the button. Move the mouse over the slider. Then, the slider value will be changed, without holding down the button.
How to prevent this…

Ionică Bizău
- 109,027
- 88
- 289
- 474
-1
votes
1 answer
get value of ion-rangeslider in Angular
I am using ion.rangeslider in my angular application and it displaying fine.
But how can i get the value of the silder and i need to update min and max values of the slider dynamically.
I have seen some of the questions in SO like this…

Ganesh
- 5,808
- 2
- 21
- 41
-1
votes
1 answer
Javascript form calculations output
I have a form that calculates price per square meters of ceiling.
And ion range slider as input, then it calculates price and outputs data to inputs. But I need to change inputs with span or div. Any suggestions?
Here is the html:

kh1
- 120
- 1
- 10
-1
votes
1 answer
Ionic 2 range slider causing "Expression value changed after it was checked" error
I am building an audio player in ionic 2 and using the javascript Audio() object. but when i attach an ionic 2 range slider to the audio player to show progress it doe not shift except another action is carried out by the user on the app. And when…

gastonche
- 463
- 5
- 19