Bootstrap Slider with Min and Max Limit value

[jagathish]

Hi, Please check the given link https://jsfiddle.net/jagathish/p2190qz1/1/

In this example i have add two red mark .. i want to slide inside that red mark only... its like min limit value to max limit value. Please let me know if you know any solution for this ..

Edit: fiddle.jshell.net changed domain to jsfiddle.net

[seiyria]

You could try using tick_snap_bounds.

[jagathish]

i need to restrict the slider with min and max value with some color.

[jagathish]

Any other solution???

[jerrylow]

@jagathish are you looking for a feature? Why don't you just set this in your code:

var sliderMin = 70000;
var sliderMax = 190000;

$('#ex22').slider({
    id: 'slider22',

    rangeHighlights: [{ "start": 60000, "end": sliderMin },                  
                      { "start": sliderMax, "end": 200000 }]});
                      
$('#ex22').on('change', function(obj) {
  var value = obj.value.newValue;
  
  if (value < sliderMin) {
    $('#ex22').slider('setValue', sliderMin);
  } else if (value > sliderMax) {
    $('#ex22').slider('setValue', sliderMax);
  }
});

https://jsfiddle.net/6a9c4Luc/1/

Edit: fiddle.jshell.net changed domain to jsfiddle.net

[Shnoulle]

The jsfiddle seems OK, and a valid solution. 👍

[jespirit]

This could be a feature.