JQuery UI滑块时间

嗨,我需要实现一个24小时制的滑块。我喜欢用这个jquery ui滑块。我写下面的代码

<script type="text/javascript">
$(function() {
    $(".slider-range").slider({
        range: true,
        min: 0,
        max: 23.59,
        step: 0.15
    });
});
</script>

我喜欢的范围就像01:00 —- 01:59

我如何给冒号(:)而不是点(。)
。此外,范围waas超越了59像05:85。请帮我创建一个时间滑块

不要使用小时作为单位,而是使用分钟。然后应用将会议转换为小时的幻灯片事件:

$(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);
        }
    });
});
http://stackoverflow.com/questions/2279784/jquery-ui-slider-for-time

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:JQuery UI滑块时间