使用datepicker选择数据范围的jquery ui

我正在使用jquery日期选择器。 因此，我允许用户选择签入日期。 根据一般知识，您不能选择早于签入日期的签出日期。 我一直试图在用户选择结账日期后立即自动设置结账日期，并确保它至少在一天后。 也就是说，如果用户选择日期为2014年7月23日，则在用户更改之前，签出字段应自动设置为2014年7月24日

下面的代码似乎没有做到这一点。。请帮忙

$('#checkindate').datepicker(
{
    showButtonPanel: true,
    minDate:0,
     onClose: function(selectedDate)
    {
        $( "#checkoutdate" ).datepicker("option","minDate",selectedDate);
        alert(selectedDate+"1D");
    }   
});

---

在以下示例中，我得到了两个与您类似的日期时间选择器，我使用您的项目名称进行了编辑：

var startDateTextBox = $('#checkindate');
var endDateTextBox = $('#checkoutdate');

// Start-End Date pickers
startDateTextBox.datepicker({
    // Update other date from selection
    onClose: function (dateText, inst) {
        var testStartDate = startDateTextBox.datepicker('getDate');
        if (endDateTextBox.val()) {
            var testEndDate = endDateTextBox.datepicker('getDate');
            if (testStartDate > testEndDate)
                endDateTextBox.datepicker('setDate', testStartDate);
        }
        else {
            endDateTextBox.datepicker('setDate', testStartDate);
        }
    },
    onSelect: function (selectedDate) {
        endDateTextBox.datepicker('option', 'minDate', startDateTextBox.datepicker('getDate'));
    }
});

endDateTextBox.datepicker({
    // Update other date from selection
    onClose: function (dateText, inst) {
        var testStartDate = startDateTextBox.datepicker('getDate');
        if (startDateTextBox.val()) {
            var testEndDate = endDateTextBox.datepicker('getDate');
            if (testStartDate > testEndDate)
                startDateTextBox.datepicker('setDate', testEndDate);
        }
        else {
            startDateTextBox.datepicker('setDate', testStartDate);
        }
    },
    onSelect: function (selectedDate) {
        startDateTextBox.datepicker('option', 'maxDate', endDateTextBox.datepicker('getDate'));
    }
});

---

检查这个：谢谢！这帮了大忙