Question

以下代码分别在不同的php页面中工作。但是当在一个页面中组合两者时，没有任何作用。在萤火虫中，错误说，

TypeError: $(...).datepicker is not a function

$("#test1").datepicker({

DATEPICKER的代码

    <link rel="stylesheet" href="css/date_pick/jquery-ui.css">
    <script src="css/date_pick/jquery-1.10.2.js"></script>
    <script src="css/date_pick/jquery-ui.js"></script>

    <script type="text/javascript">
    $(document).ready(function(){
      $("#test1").datepicker({
      changeMonth:true,
      changeYear:true,
      yearRange:"-35:+0",
      dateFormat:"dd/mm/yy"
      });
      });
    </script>
<input type="text" name="test1" id="test1" />

AUTOCOMPLETE代码

<link rel="stylesheet" href="lib/js/jquery.autocomplete.css">
<script src="bootstrap/js/jquery.js"></script>
<script src="lib/js/jquery.autocomplete.js "></script>

Answer 1

也许是因为你已经包含了2次jQuery库。

<script src="css/date_pick/jquery-1.10.2.js"></script>

<script src="bootstrap/js/jquery.js"></script>

jQuery库应该包含一次。

Answer 2

你可以试试吗

<link rel="stylesheet" href="css/date_pick/jquery-ui.css">
<link rel="stylesheet" href="lib/js/jquery.autocomplete.css">
<script src="css/date_pick/jquery-1.10.2.js"></script>
<script src="css/date_pick/jquery-ui.js"></script>
<script src="lib/js/jquery.autocomplete.js "></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#test1").datepicker({
  changeMonth:true,
  changeYear:true,
  yearRange:"-35:+0",
  dateFormat:"dd/mm/yy"
  });
  });
</script>
<input type="text" name="test1" id="test1" />

但我认为最好使用jquery UI的打包版本，这样就可以为每个jquery UI组件调用一个文件。

另外如果你得到$ .browser是未定义的错误，我想其中一个UI库已经过时，因为它调用了一个在jquery v1.10.2中弃用的函数

冲突b / w datepicker和自动完成jquery

2 个答案: