使用datepicker()代码的jQuery错误

时间:2014-10-20 09:20:16

标签: javascript jquery datepicker

我在这里使用此代码:

http://jqueryui.com/datepicker/

我将此代码放在我的网站上:

<script type="text/javascript">
    $(function() {
     $( "#datepicker" ).datepicker();
     $( "#datepicker2" ).datepicker();
     $( "#datepicker3" ).datepicker();
     $( "#datepicker4" ).datepicker();
  });
</script>

在Firefox firebug控制台中,我看到了这个错误:

 TypeError: $(...).datepicker is not a function
 $( "#datepicker" ).datepicker();

#datepicker将字段标记拉入其中。为什么说datepicker()不是函数?如果我上面有其余的代码:

<link rel="stylesheet" type="text/css" href="/css/dateTimepicker/jquery.datetimepicker.css"/>
<script src="/css/dateTimepicker/jquery.js"></script>
<script src="/css/dateTimepicker/jquery.datetimepicker.js"></script>
<style type="text/css">
    .custom-date-style {    background-color: red !important; }
</style>

我已将该代码置于其上方及其下方并且无关紧要。那个错误永远存在。

你能告诉我如何解决它吗?

另外,我确实使用了其他引入jQuery的脚本,并且有一个jquery.js文件。

他们会引起冲突吗?

谢谢, 理查德

1 个答案:

答案 0 :(得分:3)

你缺少大括号:

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