Question

我已经在这个问题上搜索了很多线程，但没有一个对我的情况有帮助。

日期选择器不想加载到我的页面上。这是资源列表：

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<link rel="stylesheet" href="../jscripts/demos.css" />

以下是jquery代码：

    <script type="text/javascript">
    $(document).ready(function(){           
            $("#d1, #d2").datepicker(); 
    });
    </script>

请帮我解决这个问题。感谢。

更新：抱歉，我忘了添加HTML代码：

<input type="text" id="d1" name="d1" size="15" style="text-align:right;" />

[...]

<input type="text" id="d2" name="d2" size="15" style="text-align:right;" />

尝试输出到控制台：console.log($("#d1, #d2"));并且选择器正常，它给了我正确的输入。错误：我收到以下错误（通过FireBug获取）：未捕获的TypeError：对象[object object]没有方法＆＃39; datepicker＆＃39;的index.php：17 （匿名函数）index.php：17 fire jquery-latest.js：1017 self.fireWith jquery-latest.js：1127 jQuery.extend.ready jquery-latest.js：416 DOMContentLoaded

更新：我刚刚在此处上传了整个页面代码：jsfiddle.net/v69eH

Answer 1

您应该在页面正文中添加：

<input id='d1' type='text' /><br/>
<input id='d2' type='text' />

小提琴：http://jsfiddle.net/Tw5rD/

Answer 2

我发现了问题。正如您所看到的，我在代码中有另一个jQuery加载，就在内容部分之前。这已经覆盖了第一个加载的jQuery，当然还有document.load事件。

jquery datepicker无法加载

2 个答案: