自动完成和日期/时间选择器不能一起工作

Question

我的项目中有一个自动完成文本框和 2 个日期/时间选择器，它们分别工作正常，但是当我将它们合并时，一个不起作用，另一个起作用的一个与另一个下面的脚本一起工作当我交换脚本时，另一个会起作用。在此示例中，可以使用的是 datepicker。我对此感到困惑。我的代码有什么问题这是我的代码http://pastebin.com/xNwZcsza

<!-- autocomplete -->
<link href="css/ui-lightness/jquery-ui-1.10.3.custom.css" rel="stylesheet">
<script src="js/jquery-1.9.1.js"></script>
<script src="js/jquery-ui-1.10.3.custom.js"></script>
<!-- datepicker -->     
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
<script type="text/javascript" src="jmobile/jquery-1.8.3.min.js" charset="UTF-8"></script>
<script type="text/javascript" src="jmobile/bootstrap.min.js"></script>
<script type="text/javascript" src="jmobile/bootstrap-datetimepicker.js" charset="UTF-8"></script>
<script type="text/javascript" src="jmobile/bootstrap-datetimepicker.fr.js" charset="UTF-8"></script>

Answer 1

您加载了两个不同版本的 jQuery（1.9.1 和 1.8.3），因此插件将附加到两个不同的 jQuery 实例

我认为引导插件将与 jQuery 1.9 一起使用，因此您可以删除 jQuery 1.8.3，它应该没问题

<!-- autocomplete -->
<link href="css/ui-lightness/jquery-ui-1.10.3.custom.css" rel="stylesheet">
<script src="js/jquery-1.9.1.js"></script>
<script src="js/jquery-ui-1.10.3.custom.js"></script>
<!-- datepicker -->     
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
<script type="text/javascript" src="jmobile/bootstrap.min.js"></script>
<script type="text/javascript" src="jmobile/bootstrap-datetimepicker.js" charset="UTF-8"></script>
<script type="text/javascript" src="jmobile/bootstrap-datetimepicker.fr.js" charset="UTF-8"></script>