2 jquery ui datepicker 附近，当我来自另一个时 datepicker 不显示答案

【问题标题】：2 jquery ui datepicker near, datepicker not showing when I come from the other2 jquery ui datepicker 附近，当我来自另一个时 datepicker 不显示
【发布时间】：2014-09-23 11:43:33
【问题描述】：

我有这个简单的 html/js 代码：

<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" />

它有效，但一次只有一个，示例：

点击第一个文本框正确显示日期选择器
刷新页面，点击第二个文本框正确显示日期选择器
刷新页面，单击第一个文本框正确显示日期选择器，但未在第二个文本框上显示它，以显示第二个日期选择器我必须关注页面中的其他元素，然后将焦点放在第二个文本框（如果我单击第一个第二个文本框，则相同）。

编辑：正如 Bhushan 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 更新？

【问题讨论】：

能否请您分享带有问题陈述的 jsfiddle 链接/
试着摆弄我的答案

标签： javascript jquery html jquery-ui datepicker

【解决方案1】：

$("[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

【讨论】：

正如在帖子中编辑的那样，我理解问题是 jquery-ui 版本...我将按照您在 jsfiddle 中的建议使用 1.7.2，但我问自己为什么 1.10.4 不好.. . 可能是那个版本的 jquery-ui 错误...

【解决方案2】：

在对不同版本的 jquery-ui 进行了一些测试后，我发现问题出在

, showAnim: "fold"

所以我在网上搜索并在 jquery-ui 网站上找到了这张票：http://bugs.jqueryui.com/ticket/9176

工单和相关工单并没有向我解释真正的解决方案，但我可以不用 showAnim，我会在以后的版本中解决它们时重新引入我的代码...

请注意，在当前版本（1.11.1）中，问题仍然存在......

【讨论】：