php - jQuery Datepicker 只显示一次

Question

我在表单上有一个文本框，我创建了一个这样的日期选择器:

$("#txtBirthDate").datepicker({
                    changeMonth: true,
                    changeYear: true,
                    yearRange: '1920:2999',
                    maxDate: '+0d',
                    dateFormat: 'dd-mm-yy'
        });

这工作正常，但发生的事情是:

我按下文本框，日期选择器很好地出现，选择一个日期。但是如果我想选择另一个日期，我首先需要点击另一个字段，然后再点击生日字段。当我第二次按下生日字段而没有首先单击另一个字段时，日期选择器不显示..

我在这里错过了什么？

HTML代码:

<label>Birthdate</label>
<input type="text" name="txtBirthDate" id="txtBirthDate" class="input" readonly='true' value="<?echo $_POST["txtBirthDate"]; ?>" />

Answer 1

好的问题是重点。选择日期后该字段没有失去焦点。解决方法:

$("#txtBirthDate").datepicker({
    changeMonth: true,
    changeYear: true,
    yearRange: '1920:2999',
    showButtonPanel: true,
    maxDate: '+0d',
    dateFormat: 'dd-mm-yy',
    onClose: function(dateText, inst) { 
        setTimeout(function(){
            $("#txtBirthDate").blur();
        }, 200);
    }
});

感谢您尝试与我一起解决问题!