Question

我为重复的问题道歉，但问题是“关闭”，我有新的信息。

问题是我有两个日期选择器，当你点击一个时，日历工作正常，但是你点击另一个并没有出现，除非你点击页面上的其他地方然后再回来。

这是在jsfiddle.net上测试过的，而且没有复制bug，但是我只用以下代码复制了这个bug：

<html>
<head>
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript" src="jquery.ui.core.js"></script>
<script type="text/javascript" src="jquery.ui.datepicker.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("#frompicker").datepicker();
    $("#topicker").datepicker();
});
</script>
</head>
<body>
<input id="frompicker" class="dp" type="text">
<input id="topicker" class="dp" type="text">
</body>

Answer 1

我发现这很有效：

$(document).ready(function(){
   $(".dp").datepicker();
});

<input id="frompicker" class="dp" type="text">
<input id="topicker" class="dp" type="text">

使用该类来调用该函数。只记得给他们不同的名字来获得价值

Answer 2

完美运作，http://jsbin.com/ajapih/1/edit#html,live

确保您的<script ... src="jquery-whatever-files.js"位于正确的位置。你拥有它的方式应该与你的html文件在同一个文件夹中。同时打开你的firebug控制台并检查javascript错误。

在同一页面上使用多个datepicker实例

2 个答案: