Question

我正在尝试使用Slider选择场地关闭时间。从教程中，我已经能够放together a simple slider，但我想要做的是创建一个从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();

See my fiddle here

谢谢大家！

Answer 1

以模%24

显示小时数

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

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

滑块UI：从20:00结束于07:00开始？

1 个答案: