1

スライダーを使って会場の閉店時間を選択しようとしています。チュートリアルから、簡単なスライダーを組み立てることができましたが、私がやりたいのは、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();

ここで私のフィドルを参照してください

みんな、ありがとう！

4

1 に答える 1

2

モジュロで時間を表示%24

スライダーの値も変更minします。maxスライダーから実際の時間を取得するには（サーバーに送信する場合）、 7：00を分単位（24 +7）value%1440と見なします。1890

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

于 2013-01-19T13:54:55.537 に答える