選擇日期后，jQueryUI的Datepicker不會消失

Question

請看一下http://jsfiddle.net/4bML8/

除了我選擇日期時日期選擇器不會消失的事實之外，其他所有東西都工作正常（我認為）。 誰能告訴我是什么原因造成的？

Answer 1

您從未聲明過可變日期，而是使用了它。 創建一個可變日期並檢查此代碼

 var dates = $('#d_date, #a_date').datepicker({
            numberOfMonths: 1,
           minDate: +1,
            dateFormat: 'd / m / yy',
            onSelect: function( selectedDate ) {
                var option = this.id == "from" ? "minDate" : "maxDate",
                    instance = $( this ).data( "datepicker" ),
                    date = $.datepicker.parseDate(
                        instance.settings.dateFormat ||
                        $.datepicker._defaults.dateFormat,
                        selectedDate, instance.settings );
                dates.not( this ).datepicker( "option", option, date );
            }
        }); 

Answer 2

如果希望日期選擇器在輸入日期后關閉，則需要告訴它將焦點移到當前字段之外。 我這樣做：

    $.datepicker.setDefaults({ 
                       dateFormat: 'yy-mm-dd', 
                       firstDay: 1,
                       changeMonth:true,
                       changeYear: true,
                       onClose: function(dateText, inst) {
                            $(this).focus(); //set focus and then move to next field so validator will fire
                            $(this).focusNextInputField(); //causes datepicker to close
                        }
    });