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
1 2 3 4
5