选择日期时，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
                        }
    });