Struts:突出显示日历中的日期范围(JQuery/Javascript)
提前非常感谢您的阅读 我正在用Struts编写一个web应用程序 我使用JQuery datepicker 1.7作为用户视图侧栏上的日历。(这是我能找到的最好的选择) 我想在日历中突出显示从起始日期(startDate)到结束日期(endDate)的一组天,我在一个数组中有几个提醒。通过这种方式,用户将能够在应用程序的日历上看到他剩余的所有可用天数,以便对每个提醒采取行动 我已经有了我可以从视图中访问的一系列提醒。多亏了这里一位伟大的人的指导,我才能够正确地实施它 这是我的日期选择器javascript函数:Struts:突出显示日历中的日期范围(JQuery/Javascript),java,javascript,jquery,netbeans,struts,Java,Javascript,Jquery,Netbeans,Struts,提前非常感谢您的阅读 我正在用Struts编写一个web应用程序 我使用JQuery datepicker 1.7作为用户视图侧栏上的日历。(这是我能找到的最好的选择) 我想在日历中突出显示从起始日期(startDate)到结束日期(endDate)的一组天,我在一个数组中有几个提醒。通过这种方式,用户将能够在应用程序的日历上看到他剩余的所有可用天数,以便对每个提醒采取行动 我已经有了我可以从视图中访问的一系列提醒。多亏了这里一位伟大的人的指导,我才能够正确地实施它 这是我的日期选择器javas
$(function(){
$('#datepicker').datepicker({
flat: true,
numberOfMonths: [1,1],
dateFormat: 'dd/mm/yy',
beforeShowDay: highlightDays
});
还有另一个功能,即highlightDays,它给我带来了麻烦:
它的参数是数组“提醒”,提醒[i]。开始是开始日期,提醒[i]。结束是提醒i的结束日期,i=数组中的提醒数
function highlightDays(reminders) {
for (var i = 0; i < reminders.length; i++) {
/** Below:
*If startDate is smaller than endDate,
*then highlight the days inbetween.
*/
if (new Date(reminders[i].start).toString() <=
new Date(reminders[i].end).toString() ){
return [true, 'ui-state-highlight'];
}
} //Otherwise do not highlight
return [true, ''];
}
function highlightDays(提醒){
对于(var i=0;i
该函数将日期作为参数,并且必须返回一个数组,其中[0]等于true/false,指示此日期是否可选择,[1]等于默认演示文稿的CSS类名或“”,以及[2]此日期的可选弹出工具提示。在显示之前,每天都在日期选择器中调用它
回调函数不接受单个日期作为参数,而是接受一个日期范围数组
您可能想知道如何在remdinder值的循环中调用highlightdays函数。这是个好主意,我将尝试实现它。