jquery-ui - 使用 Jquery 的日期选择器在选择日期后失去对文本框的焦点。

Question

使用 Jquery 的日期选择器在选择日期后失去对文本框的焦点。我正在使用 jquery-ui-1.9.2。选择日期时，焦点不会到达文本框。有什么解决方案吗？

Answer 1

尝试使用下面的代码。

HTML 代码:
<input type="text" id="date"/>

JQuery:

$("#date").datepicker({
    onClose: function () {
     $(this).focus();  
    } 
});

JSFiddle1

编辑:以上代码在 IE 中存在问题，日期选择器未关闭。在此blog您可以找到更多信息。

<script language='javascript' src="jquery-migrate-1.2.1.js"></script> // download and add this

$("#date").datepicker({            
   /* fix buggy IE focus functionality */
   fixFocusIE: false,   
   onClose: function(dateText, inst) {
       this.fixFocusIE = true;
       this.focus();
   },
   beforeShow: function(input, inst) {
       var result = $.browser.msie ? !this.fixFocusIE : true;
       this.fixFocusIE = false;
       return result;
   }
}); 

JSFiddle2