javascript - $(...).datepicker 不是函数

Question

Datepicker 无法在此页面运行，但导入了 jquery-ui 的脚本。冲突在哪里？谢谢。Datepicker 不是函数这是我的脚本

$( document ).ready(function() {    
    var fecha = "";
   $( "#datepicker" ).datepicker({
       dateFormat: "yy-mm-dd",
   });
});

$( "#datepicker" ).change(function(){
    fecha = this.value;
    $.post( "tablaUsuarioPlanta.php",{fecha : fecha},function(data){
       $("#tabla").html(data);
    });
});    

这是 HTML

<p>Date: <input type="text" id="datepicker" size="30"></p>

然后脚本加载到页面上

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


<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<!-- Bootstrap Core CSS -->
<link href="../css/bootstrap.min.css" rel="stylesheet">

<!-- Custom CSS -->
<link href="../css/simple-sidebar.css" rel="stylesheet">

<!--JQUERY-->
<!--<script src="../js/jquery.js"></script>-->

<link rel="stylesheet"          href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>

Answer 1

您正在使用两个版本的 JQuery，这造成了冲突。只使用一个而不是两个。

 <script  src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"> </script>
<link href="../css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="../css/simple-sidebar.css" rel="stylesheet">
<!--JQUERY-->
<link rel="stylesheet"          href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>