自动完成& Datepicker库冲突

时间:2016-02-29 13:31:54

标签: javascript jquery jquery-ui autocomplete datepicker

我已经创建了一个工作正常的自动完成功能,以及也可以正常工作的日期选择器,但是当我尝试将它们放在同一页面上时,我得到一个错误。

Uncaught TypeError: $(...).datepicker is not a function(anonymous function)
@ quote2.php:22(anonymous function) @ jquery.js:2299(anonymous function) 
@ jquery.js:2319jQuery.extend.each @ jquery.js:745jQuery.extend.ready 
@ jquery.js:2318

以上是我在Google Chrome上使用inspect时遇到的错误。我怀疑这是两个Jquery库之间的冲突

以下是datepicker和autocomplete组合

<?php session_start(); ob_start(); require_once "delivery/config.php"; ?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Academic Education V2 | Pages | Portfolio</title>
<meta charset="utf-8">

<link href="layout/styles/layout.css" rel="stylesheet" type="text/css" media="all">
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" type="text/css" href="delivery/jquery.autocomplete.css">

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

<script type="text/javascript" src="delivery/jquery.js"></script>
<script type="text/javascript" src="delivery/jquery.autocomplete.js"></script>
<script type="text/javascript" src="delivery/autocomplete.js"></script>

</head>
<script> $(function() {  $( "#datepicker" ).datepicker({ minDate:0}); 
$( "#datepicker" ).datepicker( "option", "dateFormat", "DD, d MM, yy" );    });    </script>

这些是您想要查看导入内容的链接:Jquery是版本1.2.6 http://www.acehire.co.uk/delivery/jquery.js

http://www.acehire.co.uk/delivery/jquery.autocomplete.js

当我放在顶部时,它们工作得很好,我已经尝试了jquery库而不是两者并得到错误,它可能很简单,但我无法弄清楚如何让它工作。我也尝试删除某些导入等,但无法使其正常工作。当我运行页面时,自动填充功能很好,但不是日期选择器。

任何帮助非常感谢。 亚历

0 个答案:

没有答案