У меня есть ползунок Jquery, который показывает диапазон цен. Я хочу отфильтровать цену между двумя границами (мин., Макс.). Я хочу знать, как передать два значения в ползунке jquery в Django ModelForm для фильтрации элементов по цене.
<script>
$(document).ready(function() {
$( "#slider-range" ).slider({
range: true,
min: 1000,
max: 30000,
step: 500,
values: [ 1000, 30000 ],
slide: function( event, ui ) {
$( "#amount" ).val( "Birr " + ui.values[ 0 ] + " - Birr " + ui.values[ 1 ] );
}
});
$( "#amount" ).val( "Birr " + $( "#slider-range" ).slider( "values", 0 ) +
" - Birr " + $( "#slider-range" ).slider( "values", 1 ) );
} ).each(function(){
// Add labels to slider whose values
// are specified by min, max
// Get the options for this slider (specified above)
var opt = $(this).data().uiSlider.options;
// Get the number of possible values
var vals = opt.max - opt.min;
// Position the labels
for (var i = 0; i <= vals; i++) {
// Create a new element and position it with percentages
var el = $('<label>'+(i+opt.min)+'</label>').css('left',(i/vals*100)+'%');
} // Add the element inside #slider
$("#slider-range").append(el);
});
</script>