2 jQuery UI的日期选择器附近,日期选择器没有显示时,我是来自其他

问题描述:

我有这个简单的HTML/JS代码:2 jQuery UI的日期选择器附近,日期选择器没有显示时,我是来自其他

<script type="text/javascript" language="javascript" src="APP/HTML-COMMON/js/jquery-1.10.2.min.js?2"></script> 
<script type="text/javascript" language="javascript" src="APP/HTML-COMMON/js/jquery-migrate-1.2.1.min.js?2"></script> 
<script type="text/javascript" language="javascript" src="APP/HTML-COMMON/js/jquery-ui-1.10.4.custom.min.js"></script> 
<link href="APP/HTML-COMMON/Css/cupertino/jquery-ui-1.10.4.custom.min.css" rel="stylesheet"> 
<script type="text/javascript"> 
//<![CDATA[ 

$(document).ready(function(){ 
    $("[id^=test]").datepicker({ 
     dateFormat: "dd/mm/yy" 
     , dayNames: ["Domenica", "Lunedì", "Martedì", "Mercoledì", "Giovedì", "Venerdì", "Sabato"] 
     , dayNamesMin: ["Do", "Lu", "Ma", "Me", "Gi", "Ve", "Sa"] 
     , monthNames: ["Gennaio", "Febbraio", "Marzo", "Aprile", "Maggio", "Giugno", "Luglio", "Agosto", "Settembre", "Ottobre", "Novembre", "Dicembre"] 
     , monthNamesShort: ["Gen", "Feb", "Mar", "Apr", "Mag", "Giu", "Lug", "Ago", "Set", "Ott", "Nov", "Dic"] 
     , changeYear: true 
     , yearRange: "-100:+0" 
     , showAnim: "fold" 
    }); 

});  
//]]> 
</script> 

<input type="text" id="test1" /> 
<input type="text" id="test2" /> 

它的工作原理,但是,只有一个在时间,例:

  1. 点击1日文本框显示正确日期选择器
  2. 刷新页面,点击文本框2号正确显示日期选择器
  3. 刷新页面,点击文本框一号正确显示日期选择器,b ut没有显示它在第二个文本框中的标签,显示第二个日期选择器我必须将其他元素集中在页面上,然后将焦点放在第二个文本框(如果我单击第一个第二个文本框,第一个也是如此)。

编辑: 为普山Kawadkar问这个是的jsfiddle链接:http://jsfiddle.net/falco77/vrrctfao/1/ 创建的jsfiddle我明白的问题是jQuery的UI-1.10.4,例如使用1.7.2(http://jsfiddle.net/falco77/vrrctfao)没有问题后...

但现在我问为什么...... 1.10不是最近的1.7?

+0

能否请您分享问题的jsfiddle链接声明/ – 2014-09-23 11:45:58

+0

试着在我的回答 – ibrahimyilmaz 2014-09-23 12:08:05

$("[id^=test]").each(function(){ 
    $(this).datepicker({ 
     dateFormat: "dd/mm/yy" 
     , dayNames: ["Domenica", "Lunedì", "Martedì", "Mercoledì", "Giovedì", "Venerdì", "Sabato"] 
     , dayNamesMin: ["Do", "Lu", "Ma", "Me", "Gi", "Ve", "Sa"] 
     , monthNames: ["Gennaio", "Febbraio", "Marzo", "Aprile", "Maggio", "Giugno", "Luglio", "Agosto", "Settembre", "Ottobre", "Novembre", "Dicembre"] 
     , monthNamesShort: ["Gen", "Feb", "Mar", "Apr", "Mag", "Giu", "Lug", "Ago", "Set", "Ott", "Nov", "Dic"] 
     , changeYear: true 
     , yearRange: "-100:+0" 
     , showAnim: "fold" 
    }); 
}); 

尝试:JSFiddle

+0

小提琴在后我编辑了解我的问题是jquery-ui版本...我会用你的jsfiddle中建议的1.7.2,但我问自己为什么1.10.4不好。 ..也许在该版本中的jquery-ui错误... – Falco 2014-09-23 12:12:47

在不同版本的jQuery UI的一些测试后,我发现这个问题是在

, showAnim: "fold" 

所以我一派,并在互联网上找到这张罚单,在jQuery的 - 网站:http://bugs.jqueryui.com/ticket/9176

机票和有关的机票并没有向我解释真正的解决方案,但我可以做到没有showAnim,我会缰troduce在我的代码时,他们将在未来的版本解决...

注意,在当前版本(1.11.1)的问题依然存在....