Question

我正在尝试使用jQuery datepicker插件，但是我收到了这个错误：

Uncaught TypeError: Object [object Object] has no method 'zIndex'

我正在使用jQuery v1.10.2和jQuery UI Datepicker v1.10.3。这就是我尝试调用datepicker方法的方法

<input type="text" id="foo" />
<script type="text/javascript" src="/my/path/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="/my/path/js/jquery.ui.datepicker.min.js"></script>

<script type="text/javascript">
$("#foo").datepicker();
</script><script type="text/javascript">

Answer 1

好像你错过了核心jQueryUI文件，尝试将其添加到您的网页中，它应该没问题：

<script type="text/javascript" src="/my/path/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script type="text/javascript" src="/my/path/js/jquery.ui.datepicker.min.js"></script>

Answer 2

我没有你的jquery文件，因为它存储在服务器上

使用以下链接，因为他们的工作和尝试在我的系统上测试

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

使用jquery datepicker的css使用以下文件

 <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">

您的js文件必定存在问题

Answer 3

问题可能是DOM没有完全加载。 datepicker的初始化应该在“document ready”函数中完成，如下所示：

$(function() {
  $("#foo").datepicker();
});

jQuery-UI datepicker：Uncaught TypeError：Object [object Object]没有方法'zIndex'

3 个答案: