Javascript 使用jquery timepicker从当前时间开始计时之前禁用取决于日期选择

Javascript 使用jquery timepicker从当前时间开始计时之前禁用取决于日期选择,javascript,jquery,datetimepicker,Javascript,Jquery,Datetimepicker,我有两个下拉列表,第一个包含今天、明天等等。。第二个时间是上午12:00,下午12:30,以此类推 如果我从第一个下拉列表中选择“今天”,则它应隐藏第二个下拉列表中早于当前时间的时间选择“今天”,当前时间为下午02:00,然后它应禁用1:30、1:00、12:30、12:00 如果选择“今天以外的时间”,则会显示所有计时 var dateRange=document.getElementById'date-range', 月份=[一月、二月、三月、四月、五月、六月、七月、八月、九月、十月、十一

我有两个下拉列表,第一个包含今天、明天等等。。第二个时间是上午12:00,下午12:30,以此类推

如果我从第一个下拉列表中选择“今天”,则它应隐藏第二个下拉列表中早于当前时间的时间选择“今天”,当前时间为下午02:00,然后它应禁用1:30、1:00、12:30、12:00 如果选择“今天以外的时间”,则会显示所有计时

var dateRange=document.getElementById'date-range', 月份=[一月、二月、三月、四月、五月、六月、七月、八月、九月、十月、十一月、十二月]; var weekday=[星期日、星期一、星期二、星期三、星期四、星期五、星期六]; 风险值日=2;d<7;日++{ var日期=新日期; date.setDatedate.getDate+天; dateRange.options[dateRange.options.length]=新选项[weekday[date.getDay]、date.getDate、monthNames[date.getMonth]; dateRange.value[dateRange.options.length]=新选项[weekday[date.getDay],date.getDate,monthNames[date.getMonth]; }; $function{ $'example'。时间选择器{ “timeFormat”:“h:i A”, “禁用时间范围”:[ ['12am',getCurrentTimenew日期] ] }; }; 函数getCurrentTimedate{ var hours=date.getHours, 分钟=date.getMinutes, ampm=小时数>=12?“下午”:“上午”; 小时数=小时数%12; 小时数=小时数?小时数:12;//小时数“0”应为“12” 分钟=分钟<10?'0'+分钟:分钟; 返回时间+':'+分钟+'+安培; } 选择
在“日期”框中的“更改事件”上,可以检查是否为今天。如果是今天,那么你只能展示未来的时间。另一个明智的选择是让所有的时间都像这样

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
    <script src="https://jonthornton.github.io/jquery-timepicker/jquery.timepicker.js"></script>
    <link href="https://jonthornton.github.io/jquery-timepicker/jquery.timepicker.css" rel="stylesheet" />
       <select id="date-range" class="day" data-validation="required" name="bldate" required="required">
       <option value="">Select</option>
       <option value="<?php echo date('Y-m-d');?>">Today</option>
       <option value="<?php $datetime = new DateTime('tomorrow'); echo $datetime->format('Y-m-d');?>">Tomorrow</option>
    </select>
    <input type="text" id="example" />


    <script>
        var dateRange = document.getElementById('date-range'),
        monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
        var weekday = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];

        var today = "<?php echo date('Y-m-d');?>";
        for (var day = 2; day < 7; day++) {
        var date = new Date();
        date.setDate(date.getDate() + day);
        dateRange.options[dateRange.options.length] = new Option([weekday[date.getDay()], date.getDate(), monthNames[date.getMonth()]]);
        dateRange.value[dateRange.options.length] = new Option([weekday[date.getDay()], date.getDate(), monthNames[date.getMonth()]]);
        };

        $(function () {
            $('#example').timepicker({
                    'timeFormat': 'h:i A'
            });
        });

        $("#date-range").change(function() {
            console.log(this.value);
            console.log(today);

            $("#example").val('');
            if(this.value === today) {
                var  thisHour = getCurrentTime(new Date());
                console.log(thisHour);

                $('#example').timepicker('option', 'minTime', thisHour); 
                $('#example').timepicker('option', 'maxTime', '11:30 PM');

            }
            else {
                $('#example').timepicker('option', 'minTime', '12:00 AM'); 
                $('#example').timepicker('option', 'maxTime', '11:30 PM');                    
            }

        });

        function getCurrentTime(date) {
        var hours = date.getHours(),
                minutes = date.getMinutes(),
                ampm = hours >= 12 ? 'PM' : 'AM';

                if(minutes > 30 ){
                    minutes = "00";
                    hours ++;
                }
                else {
                    minutes = "00";
                }
        hours = hours % 12;
        hours = hours ? hours : 12; // the hour '0' should be '12'

        return hours + ':' + minutes + ' ' + ampm;

        }  

    </script>

为什么天=2?我不知道我复制粘贴这个代码,你能帮我实现吗??