I have been working with application where I have integrated noUiSlider. I have already integrated it and working well with step of 15 minutes for time based slider with range of 24 hours as below.
$(".time_range_slider").noUiSlider({
start : [8, 18],
behaviour : 'drag',
connect : true,
step : .25,
range : {'min': 0, 'max': 24}
});
$(".time_range_slider").noUiSlider_pips({
mode : 'steps',
filter : filter_hour,
stepped : true
});
function filter_hour(value, type) {
return ((value * 100) % 100 == 0) ? 1 : 0;
}
But now i want to make step of 10 minutes. I have tried many aspects like step: .16 but not able to achieve expected result.
Please suggest any solution for same
My answer isn't using jquery case I don't know why noUiSlider isn't detected from jquery inside snippet, hope you can deal with that.
How is implemented:
use minutes range for selection:
range : {'min': 0, 'max': 1440}
format pipes labels and selector tooltips, using wNumb.js to show format hh:mm
snippet: