Jquery ui jQueryUIDatePicker-如何在选择时突出显示特定的日期范围?
我想,当用户选择日期时,突出显示接下来的11天。其目的是显示根据所选日期选择的12天范围 我看过Suggestive中的日期范围选择器,但这并没有真正提供我想要的可视化效果,它只是让用户根据我的理解选择从/到的范围 有没有关于我如何实现这一点的建议 干杯您可以使用活动为需要突出显示的日期提供CSS样式 代码:Jquery ui jQueryUIDatePicker-如何在选择时突出显示特定的日期范围?,jquery-ui,jquery-ui-datepicker,Jquery Ui,Jquery Ui Datepicker,我想,当用户选择日期时,突出显示接下来的11天。其目的是显示根据所选日期选择的12天范围 我看过Suggestive中的日期范围选择器,但这并没有真正提供我想要的可视化效果,它只是让用户根据我的理解选择从/到的范围 有没有关于我如何实现这一点的建议 干杯您可以使用活动为需要突出显示的日期提供CSS样式 代码: 我已经对此进行了研究,但据我所知,凭借我有限的jquery/js专业知识,我可以在加载时完成这项工作,但不是每次单击时都可以?我的意思是不考虑onload功能,它为每个日期运行它,每次选择
我已经对此进行了研究,但据我所知,凭借我有限的jquery/js专业知识,我可以在加载时完成这项工作,但不是每次单击时都可以?我的意思是不考虑onload功能,它为每个日期运行它,每次选择一个日期,我将在我的函数中获得所选的日期,然后我如何检查接下来的11天?我可能遗漏了一些明显的东西
$(document).ready(function(){
var selected = null;
$('#datePicker').datepicker({beforeShowDay: function(date) {
if (selected != null && date.getTime() > selected.getTime() &&
(date.getTime() - selected.getTime()) < 12*24*3600*1000) {
return [true, "highlighted"];
}
return [true, ""];
}});
$("#datePicker").datepicker( 'option' , 'onSelect', function() {
str = $(this).val().toString();
selected=$.datepicker.parseDate('mm/dd/yy', str);
console.log(selected);
});
});