javascript - 使用 jQuery UI 日期选择器选择下一天和前一天

Question

我正在使用 jQuery UI 日期选择器，我有一个按钮可以将所选日期向前更改一天，还有一个按钮可以将所选日期向后更改一天。现在，我的“前一天”按钮工作正常。如果多次单击我的上一个按钮，然后单击我的“第二天”按钮，它只会增加一次日期。例如，如果日期选择器设置为 1/10/2014 并且我单击“第二天”按钮，它将更新为 1/11/2014 但如果我再次单击它，则不会发生任何事情。如果我在没有先点击“前一天”按钮的情况下点击“第二天”按钮，它就会正常工作。这是我的 jQuery:

var currentDay = new Date();
var nextDay = new Date();
var previousDay = new Date();

$('.next-day').each(function() {
    $(this).on("click", function () {

        if (previousDay < currentDay) {
            nextDay.setDate(previousDay.getDate() + 1);
        } else {
            nextDay.setDate(nextDay.getDate() + 1);
        }

        $('#to').datepicker("setDate", nextDay);
        $('#from').datepicker("setDate", nextDay);
    });
});

编辑:这是一个 jsFiddle http://jsfiddle.net/p2T2g/

Answer 1

没那么难，有点像

$('.next-day').on("click", function () {
    var date = $('#picker').datepicker('getDate');
    date.setTime(date.getTime() + (1000*60*60*24))
    $('#picker').datepicker("setDate", date);
});

$('.prev-day').on("click", function () {
    var date = $('#picker').datepicker('getDate');
    date.setTime(date.getTime() - (1000*60*60*24))
    $('#picker').datepicker("setDate", date);
});

FIDDLE