search

IonDen / ion.rangeSlider

jQuery only range slider
http://ionden.com/a/plugins/ion.rangeSlider/en.html
MIT License
2.55k stars 508 forks source link

How to add one custom field to ion range slider #553

Closed nishatke closed 4 years ago

nishatke commented 6 years ago

Hi team, I want to display a number in range slider example:

var $range = $(".js-range-slider");

$range.ionRangeSlider({ disable:true, type: "single", min: 0, max: 100, from: 50

}); for the above example i want to show one more field called remaining that is max - from please help me with this .. how can i achieve this

IonDen commented 6 years ago

Hi, @nishatke, example: http://jsfiddle.net/bagdvqtj/

nishatke commented 6 years ago

Thanks a lot for you help @IonDen , but i want display remaining number (Num) in the place of max ..and " n " should be displayed in the bar.Please help on this ..

IonDen commented 6 years ago

For that you will need a custom block to put on top of max, like this: http://jsfiddle.net/q8s86w47/

nishatke commented 6 years ago

Thanks a lot @IonDen for your quick response and the solution ...:) its help me thank you once again ..