jquery - 滑块 UI：从 20:00 开始到 07:00 结束？

Question

我正在尝试使用滑块选择场地关闭时间。从教程中，我已经能够组合一个简单的滑块，但是我想做的是创建一个从 20:00 到 07:00 的范围，这意味着一旦它通过 23:59 标记，它就会回到 00： 00.

这就是我到目前为止所拥有的。

$( "#open-till" ).slider({
range: "min",
value: 1230,
min: 0,
max: 1439,
step: 30,
slide: slideTime
});


function slideTime(event, ui){
    var val0 = $("#open-till").slider( "value" ),
        minutes0 = parseInt(val0 % 60, 10),
        hours0 = parseInt(val0 / 60 % 24, 10),
    startTime = getTime(hours0, minutes0);
    $("#time").text(startTime);
}
function getTime(hours, minutes) {
    minutes = minutes + "";
    return hours + ":" + minutes;
}
slideTime();

在这里看我的小提琴

感谢大家！

Answer 1

用模数显示小时%24

同时更改滑块min的max值。要从滑块获取实际时间（如果您想将其发送到服务器）value%1440，我认为 7:00 以1890分钟为单位 (24 +7)

http://jsfiddle.net/TRABs/8/