Javascript 在jQuery中可能有一种更为惯用的方法，但我不是什么专家。你需要尼克·克雷弗的时候他在哪里？ var startTime; var endTime; $("#slider-range").slide_Javascript_Jquery_Javascript Events

Javascript 在jQuery中可能有一种更为惯用的方法，但我不是什么专家。你需要尼克·克雷弗的时候他在哪里？ var startTime; var endTime; $("#slider-range").slide

javascript jquery

Javascript 在jQuery中可能有一种更为惯用的方法，但我不是什么专家。你需要尼克·克雷弗的时候他在哪里？ var startTime; var endTime; $("#slider-range").slide,javascript,jquery,javascript-events,Javascript,Jquery,Javascript Events,在jQuery中可能有一种更为惯用的方法，但我不是什么专家。你需要尼克·克雷弗的时候他在哪里？ var startTime; var endTime; $("#slider-range").slider({ range: true, min: 0, max: 1439, values: [540, 1020], step:5, slide: slideTime, /*change: */ });

在jQuery中可能有一种更为惯用的方法，但我不是什么专家。你需要尼克·克雷弗的时候他在哪里？

            var startTime;
        var endTime;
        $("#slider-range").slider({
            range: true, min: 0, max: 1439, values: [540, 1020], step:5, slide: slideTime, /*change: */
        });
        function slideTime(event, ui){
            var minutes0 = parseInt($("#slider-range").slider("values", 0) % 60);
            var hours0 = parseInt($("#slider-range").slider("values", 0) / 60 % 24);
            var minutes1 = parseInt($("#slider-range").slider("values", 1) % 60);
            var hours1 = parseInt($("#slider-range").slider("values", 1) / 60 % 24);
            startTime = getTime(hours0, minutes0);
            endTime = getTime(hours1, minutes1);
            $("#time").html('Opening time: ' + startTime + '<br /> Closing time: ' + endTime);
        }
        function getTime(hours, minutes) {

            minutes = minutes + "";
            if (hours == 12) {
                hours = 12;
            }
            if (hours > 12) {
                hours = hours  ;
            }
            if (minutes.length == 1) {
                minutes = "0" + minutes;
            }
            return hours + ":" + minutes ;
    }

    slideTime();

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <link rel="stylesheet" type="text/css" href="stylesheets/custom-theme/jquery-ui-1.8.6.custom.css" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            var startTime;
            var endTime;

            $("#slider-range").slider({
                range: true, min: 0, max: 1439, values: [540, 1020], step:5, slide: slideTime, /*change: */
            });

            function slideTime(event, ui){
                var minutes0 = parseInt($("#slider-range").slider("values", 0) % 60);
                var hours0 = parseInt($("#slider-range").slider("values", 0) / 60 % 24);
                var minutes1 = parseInt($("#slider-range").slider("values", 1) % 60);
                var hours1 = parseInt($("#slider-range").slider("values", 1) / 60 % 24);
                startTime = getTime(hours0, minutes0);
                endTime = getTime(hours1, minutes1);
                $("#time").html('Opening time: ' + startTime + '<br /> Closing time: ' + endTime);
            }
            function getTime(hours, minutes) {
                minutes = minutes + "";
                if (hours == 12) {
                    hours = 12;
                }
                if (hours > 12) {
                    hours = hours  ;
                }
                if (minutes.length == 1) {
                    minutes = "0" + minutes;
                }
                return hours + ":" + minutes ;
        }
        function getTimeloop(minutesloop) {
                minutesloop = minutesloop + "";
                if (minutesloop.length == 1) {
                    minutesloop = "0" + minutesloop;
                }
                return minutesloop ;
        }   
        slideTime();

        $('#generateTable').click(function(){
            var startLoop = parseInt($("#slider-range").slider("values", 0));
            var endLoop = parseInt($("#slider-range").slider("values", 1));
            $('#table').remove();
            $('<table id="table"><tr><th>Times</th><th>Bookable</th><tr>').insertAfter('#generateTable');
            for(i = startLoop; i < endLoop; i+=5)
            {
                $('<tr><td>' + parseInt(i/ 60 % 24) + ':' +  getTimeloop(parseInt(i % 60)) + '</td><td><input class="chx" name="' + parseInt(i/ 60 % 24) + ':' +  getTimeloop(parseInt(i % 60)) + '" type="checkbox" value="' + parseInt(i/ 60 % 24) + ':' +  getTimeloop(parseInt(i % 60)) + '" /></td></tr>').appendTo('#table');
            }


        $('.chx:nth-child(3)').attr('checked', true);

    });
    });
    </script>
    <style>
        #slider-range{width:800px;}
        #slider-range,#time{margin:10px;display:block;}
    </style>
</head>

var i=0;
$('.chx').each(function(){
    $(this).attr('checked',(i % period==0));
    i++;
});