开始和结束之间的每个日期的javascript .addclass

Question

我正在使用这个 website 中的 JQuery eventcalendar 插件.

我的事件有开始日期和结束日期，我有以下代码在日历上添加一个绿色方 block (一个用于开始日期，一个用于结束日期)。

我遇到的问题是如何为开始日期和结束日期之间的每个日期添加一个绿色方 block 。

eg start date - > 12-08-2012 
end date -> 15-08-12

会高亮12号13号14号和15号

var eventDate = new Date(parseInt(event.startdate)),
eventYear = eventDate.getFullYear(),
eventMonth = eventDate.getMonth(),
eventDay = eventDate.getDate();

var eventDate1 = new Date(parseInt(event.enddate)),
eventYear1 = eventDate1.getFullYear(),
eventMonth1 = eventDate1.getMonth(),
eventDay1 = eventDate1.getDate();

// add mark in the dayList to the days with events
                    if (eventYear == flags.wrap.attr('data-current-year') && eventMonth == flags.wrap.attr('data-current-month')) {
                        flags.wrap.find('.currentMonth .eventsCalendar-daysList #dayList_' + eventDay).addClass('dayWithEvents');

                    }


if (eventYear1 == flags.wrap.attr('data-current-year') && eventMonth1 == flags.wrap.attr('data-current-month')) {
                        flags.wrap.find('.currentMonth .eventsCalendar-daysList #dayList_' + eventDay1).addClass('dayWithEvents');
                    }

Answer 1

我刚刚进行了相同的增强(实际上仍在对其进行微调)，并且我使用了 datejs用于日期匹配。我在处理日历插件时已将其移植到 github 存储库，但尚未将此增强功能推送给它。如果您仍然对答案感兴趣，我可以快点完成它并提供链接 - 但是它是这样的:

var daysElement = $element.find('.currentMonth .eventsCalendar-daysList');
var dateToBeChecked = new Date(parseInt(event.startDate));
var endDate = new Date(parseInt(event.endDate));
while (dateToBeChecked.compareTo(endDate) <=0) {
    daysElement.find('#dayList_' + dateToBeChecked.getDate())
               .addClass('dayWithEvents');
    dateToBeChecked.addDays(1);
}

(请注意，“微调”涉及处理存在于 2 个不同日历月等中的事件)