53 lines
1.1 KiB
Plaintext
53 lines
1.1 KiB
Plaintext
<form method="POST" id="form-range">
|
|
|
|
<div class="row center-align no-ui-slider" id="slider"></div>
|
|
|
|
<div class="col s6 push-s3">
|
|
<a id="btnsubmit" href="#" class="welcome-center-button waves-effect waves-light btn">
|
|
Dalje
|
|
</a>
|
|
</div>
|
|
|
|
<input type="hidden" name="from" id="from" />
|
|
<input type="hidden" name="to" id="to" />
|
|
</form>
|
|
|
|
<script>
|
|
|
|
$(document).ready(() => {
|
|
|
|
var slider = document.getElementById('slider');
|
|
|
|
const unitFormat = wNumb({
|
|
decimals: 3,
|
|
thousand: '.',
|
|
suffix: '<%= unit %>'
|
|
})
|
|
|
|
|
|
noUiSlider.create(slider, {
|
|
start: [<%= rangeFrom.value %>, <%= rangeTo.value %>],
|
|
connect: true,
|
|
tooltips: true,
|
|
step: <%= rangeFrom.step %>,
|
|
range: {
|
|
'min': <%= rangeFrom.min %>,
|
|
'max': <%= rangeTo.max %>
|
|
},
|
|
format: unitFormat
|
|
});
|
|
|
|
|
|
$("#btnsubmit").click(() => {
|
|
const sliderValues = slider.noUiSlider.get();
|
|
|
|
$("#from").val(unitFormat.from(sliderValues[0]));
|
|
$("#to").val(unitFormat.from(sliderValues[1]));
|
|
|
|
$("#form-range").submit();
|
|
// });
|
|
|
|
});
|
|
});
|
|
|
|
</script> |