jquery UI slider min/max values
Yes we can set min-max
$("#slider").slider({
range: "max",
min: 0, // min value
max: 200, // max value
step: 0.1,
value: 200, // default value of slider
slide: function(event, ui) {
$("#amount").val(ui.value);
}
});
You are looking for the range slider. I hope the range slider demo helps. The min and max values can be set while initialising the slider.
Edited Sorry for misunderstanding the question. If you look at the source code of the demo you will see a small script that changes the values of element '#amount' when slider values are changed
Here is that script:
slide: function( event, ui ) {
$( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
}
You can change this to display character values.
slide: function( event, ui ) {
if (ui.values[0] == <min_value>) {
$( "#amount" ).val( "Min Limit" + " - $" + ui.values[ 1 ] );
}
}
You can modify this script according to your requirements
Note: I have not tested this.