Javascript 使用jquery timepicker从当前时间开始计时之前禁用取决于日期选择
我有两个下拉列表,第一个包含今天、明天等等。。第二个时间是上午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'+分钟:分钟; 返回时间+':'+分钟+'+安培; } 选择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', 月份=[一月、二月、三月、四月、五月、六月、七月、八月、九月、十月、十一
在“日期”框中的“更改事件”上,可以检查是否为今天。如果是今天,那么你只能展示未来的时间。另一个明智的选择是让所有的时间都像这样
<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?我不知道我复制粘贴这个代码,你能帮我实现吗??