<input type="text" id="price_from-min" class="sqreee" data-id="price_from" data-name="min" data-type="from" placeholder="От">
<input type="text" id="price_from-max" class="sqreee" data-id="price_from" data-name="max" data-type="from" placeholder="До">
<script>
var inputNumber1 = document.getElementById('price_from-min');
html5Slider.noUiSlider.on('update', function( values, handle ) {
var value = values[handle];
if ( handle ) {
inputNumber1.value = value;
} else {
inputNumber.value = Math.round(value);
}
});
inputNumber.addEventListener('change', function(){
html5Slider.noUiSlider.set([this.value, null]);
});
inputNumber1.addEventListener('change', function(){
html5Slider.noUiSlider.set([null, this.value]);
});
</script>
<script>
var html5Slider = document.getElementById('html5');
noUiSlider.create(html5Slider, {
start: [ 0, 10000000 ],
step: 1000,
connect: true,
range: {
'min': 0,
'max': 10000000
},
format: wNumb({
decimals: 0,
thousand: ' ',
postfix: ' (₽)',
})
});
</script>
<script>
var html5Slider = document.getElementById('html5');
noUiSlider.create(html5Slider, {
start: [ 0, 10 ],
step: 1000,
connect: true,
range: {
'min': 0,
'max': 10
},
format: {
to: function ( value ) {
return value + ',-';
},
from: function ( value ) {
return value.replace(',-', '');
}
}
});
</script>
<script>
var inputNumber = document.getElementById('price_from-max');
html5Slider.noUiSlider.on('update', function( values, handle ) {
var value = values[handle];
if ( handle ) {
inputNumber.value = value;
} else {
inputNumber1.value = Math.round(value);
}
});
inputNumber1.addEventListener('change', function(){
html5Slider.noUiSlider.set([this.value, null]);
});
inputNumber.addEventListener('change', function(){
html5Slider.noUiSlider.set([null, this.value]);
});
</script>