$(document).ready(function() {
$('.noUi-handle').on('click', function() {
$(this).width(50);
});
var rangeSliderPrice = document.getElementById('slider-range-price');
var moneyFormat = wNumb({
decimals: 0,
thousand: ',',
prefix: '$'
});
noUiSlider.create(rangeSliderPrice, {
start: [0, 500],
step: 1,
range: {
'min': [0],
'max': [1000]
},
format: moneyFormat,
connect: true
});
// Set visual min and max values and also update value hidden form inputs
rangeSliderPrice.noUiSlider.on('update', function(values, handle) {
document.getElementById('slider-range-price-value1').innerHTML = values[0];
document.getElementById('slider-range-price-value2').innerHTML = values[1];
document.getElementsByName('min-value').value = moneyFormat.from(
values[0]);
document.getElementsByName('max-value').value = moneyFormat.from(
values[1]);
});
});