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