javascript - 如何增加和减少周数？

我有用于增加和减少周数的按钮。我必须显示当前星期的开始日期和结束日期。当我单击增量按钮时，必须显示下一周的开始日期和结束日期。如果我再次单击下一步，则必须显示起始日期和结束日期。递减按钮也是如此。

var i = 0;
    var curr = new Date; // get current date
    var first = curr.getDate() - curr.getDay(); // First day is the day of the month - the day of the week
    var last = first + 6; // last day is the first day + 6
    $('#btnPrevWeek,#btnNextWeek').click(function () {

        if ($(this).is('#btnNext')) {
            first = first + 7;
            last = last + 7;

            var firstday = new Date(curr.setDate(first)).toUTCString();
            var lastday = new Date(curr.setDate(last)).toUTCString();

            var startDatePieces = firstday.split(/[\s,]+/);
            var endDatePieces = lastday.split(/[\s,]+/);

            var startDate = startDatePieces[2] + " " + startDatePieces[1] + " " + startDatePieces[3];
            var endDate = endDatePieces[2] + " " + endDatePieces[1] + " " + endDatePieces[3];
            $('#lblWeekStartDate').html(startDate);
            $('#lblWeekEndDate').html(endDate);
        }
        else {
            first = first - 7;
            last = last - 7;

            var firstday = new Date(curr.setDate(first)).toUTCString();
            var lastday = new Date(curr.setDate(last)).toUTCString();

            var startDatePieces = firstday.split(/[\s,]+/);
            var endDatePieces = lastday.split(/[\s,]+/);

            var startDate = startDatePieces[2] + " " + startDatePieces[1] + " " + startDatePieces[3];
            var endDate = endDatePieces[2] + " " + endDatePieces[1] + " " + endDatePieces[3];
            $('#lblWeekStartDate').html(startDate);
            $('#lblWeekEndDate').html(endDate);
        }
    })

我将以这种格式显示日期-2013年9月15日至2013年9月21日。

对于当前月份，该代码可以正常运行，之后无法正常运行。请帮助我解决问题。

最佳答案

罪魁祸首是var curr = new Date;

一旦您超出月边界，即30天以上，就会搞砸了日计算

如果您每次计算日期时都使用新的var curr = new Date;，则该问题将得到解决。

参见工作fiddle。