jQuery UI滑块的时间 [英] JQuery UI Slider for time
本文介绍了jQuery UI滑块的时间的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我需要在24小时的时间范围内实现滑块.我喜欢为此使用jui ui滑块.我写了下面的代码
Hi I need to implement a slider for 24 hour time range . I like to use jquery ui slider for this . I have written below code
<script type="text/javascript">
$(function() {
$(".slider-range").slider({
range: true,
min: 0,
max: 23.59,
step: 0.15
});
});
</script>
我喜欢范围像01:00 ---- 01:59
I like the range is like 01:00----01:59
我如何给冒号(:)而不是点(.) .射程也超过了59:05,如05:85.请帮助我创建一个时间滑块
How i gave the colon(:) instead of dot(.) . Also the range waas gone beyond 59 like 05:85 . Please help me to create a time slider
推荐答案
请勿以小时为单位,而应以分钟为单位.然后应用slide
事件,将分钟转换为小时:
Do not use hours as a unit, use minutes instead. Then apply a slide
event that converts the minutes to hours:
$(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滑块的时间的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文