javascript - jQuery UI datepicker 日期范围问题

Question

我制作了两个日期字段(“pickup”和“dropin”)。而且，我想确保:

1. 取件日期应早于还车日期。

2. 如果用户已经选择了他的投递和取件日期，然后他将取件日期更改为晚于投递日期，则脚本会自动将他的投递日期更改为晚于用户选择的日期。(例如，用户在取件日期中输入“12/07/2011”，在投递日期中输入“13/07/2011”，然后他将取件日期更改为“13/08/2011”。如果是这样，脚本应该将“13/08/2011”设置为转换日期。

我提到了本网站中的一个话题。而且，以下是我现在拥有的代码。

  $.datepicker.setDefaults({dateFormat: 'dd/mm/yy'});
  $("#pickup").datepicker({
            onSelect: function(dateText, inst){
              var minDate = $(this).datepicker('getDate');
              $('#dropin').datepicker('destroy').datepicker({
                        minDate: minDate
                    });
             },
            onClose: function(dateText, inst) {
                if(dateText == '') {
                    $('#dropin').val('');
                $('#dropin').datepicker('destroy').datepicker();
                }
             }
            });

            $("#dropin").datepicker();
            var set=$("#dropin").datepicker('getDate');
            alert(set.getDate());

看起来它满足第一个。但是，我不知道第二个约束。而且，它一直声明“s”为空。

你能帮我解决这个问题吗？非常感谢。

Answer 1

尝试这样的事情:

    var date = new Date();
    $.datepicker.setDefaults({
        'dateFormat' : 'yy-mm-dd',
        'onSelect' : function(dateText, inst){
            instance = $(this).data('datepicker'),
            selectedDate = $.datepicker.parseDate(
                instance.settings.dateFormat || $.datepicker._defaults.dateFormat,
                dateText,
                instance.settings
            );
            if (this.id == 'datepicker-pickup') {
                $('#' + 'datepicker-dropin')
                    .datepicker('option', 'minDate', selectedDate)
                    .datepicker('refresh');
                datePickup = dateText;
            }
            if (this.id == 'datepicker-dropin') {
                $('#' + 'datepicker-pickup')
                    .datepicker('option', 'maxDate', selectedDate)
                    .datepicker('refresh');
                dateDropin = dateText;
            }
        }
    });
    $('#datepicker-pickup').datepicker({
        'defaultDate' : datePickup,
        'maxDate' : dateDropin
    });
    $('#datepicker-dropin').datepicker({
        'defaultDate' : dateDropin,
        'minDate' : datePickup,
        'maxDate' : new Date(date.getFullYear(), date.getMonth(), date.getDate())
    });