您好,我需要实现 24 小时时间范围的 slider 。我喜欢为此使用 jquery ui slider 。我写了下面的代码
<script type="text/javascript">
$(function() {
$(".slider-range").slider({
range: true,
min: 0,
max: 23.59,
step: 0.15
});
});
</script>
我喜欢的范围是 01:00----01:59
我如何给出冒号(:)而不是点(.) 。范围也超出了 59,如 05:85 。请帮我创建一个时间 slider
最佳答案
不要使用小时作为单位,而使用分钟。然后应用将分钟转换为小时的 slide
事件:
$(function() {
$(".slider-range").slider({
range: true,
min: 0,
max: 1440,
step: 15,
slide: function(e, ui) {
var hours = Math.floor(ui.value / 60);
var minutes = ui.value - (hours * 60);
if(hours.toString().length == 1) hours = '0' + hours;
if(minutes.toString().length == 1) minutes = '0' + minutes;
$('#something').html(hours+':'+minutes);
}
});
});
关于JQuery UI 时间 slider ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2279784/