$(document).ready(function(){ let sliderRange = $('#slider-range'); sliderRange.slider({ range: true, min: sliderRange.data('min'), max: sliderRange.data('max'), step: 1, values: [sliderRange.data('min-value'), sliderRange.data('max-value')], slide: function( event, ui ) { let minValue = ui.values[0] / 100; let maxValue = ui.values[1] / 100; minValue = formatValue(minValue); maxValue = formatValue(maxValue); $('#amount').val(`R$ ${minValue} - R$ ${maxValue}`); }, stop: function (){ let parseUrl = getUrlVars(); let prices = $(this).slider('values'); let min = prices[0]; let max = prices[1]; parseUrl['price_min'] = min; parseUrl['price_max'] = max; makeUrl(parseUrl); } }); sliderRange.draggable(); let minValue = sliderRange.slider('values', 0) / 100; let maxValue = sliderRange.slider('values', 1) / 100; minValue = formatValue(minValue); maxValue = formatValue(maxValue); $('#amount').val(`R$ ${minValue} - R$ ${maxValue}`); }); function formatValue(value){ return value.toLocaleString('pt-BR', { minimumFractionDigits: 2 }); }