Alex57B,
пример для изменения инпута минимум -- остальное сами или в раздел работа
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Ion.RangeSlider - test</title>
<link rel="stylesheet" href="http://ionden.com/a/plugins/ion.rangeSlider/static/css/normalize.min.css" />
<link rel="stylesheet" href="http://ionden.com/a/plugins/ion.rangeSlider/static/css/ion.rangeSlider.css" />
<link rel="stylesheet" href="http://ionden.com/a/plugins/ion.rangeSlider/static/css/ion.rangeSlider.skinNice.css" />
</head>
<body>
<div style="position: relative; padding: 50px; width: 600px">
<label for="minCost">от</label><input type="text" id="minCost" value=" менять тут"/>
<label for="maxCost">до</label><input type="text" id="maxCost" />
<input type="text" id="example_1" />
</div>
<!-- All JS -->
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://ionden.com/a/plugins/ion.rangeSlider/static/js/ion-rangeSlider/ion.rangeSlider.js"></script>
<script>
$(document).ready(function(){
$("#example_1").ionRangeSlider({
min: 456,
max: 556000,
type: 'double',
postfix: " руб",
prettify: false,
hasGrid: true,
onChange: function (obj) {
jQuery("input#minCost").val(obj.fromNumber);
jQuery("input#maxCost").val(obj.toNumber);
}
});
jQuery("input#minCost").on("change", function () {
$("#example_1").ionRangeSlider("update", {from: this.value})
})
});
</script>
</body>
</html>