加载 jquery ui datepicker 时出错

Question

我刚刚更新了我的 jquery 和 jquery-ui。这是我添加的内容：

<script src="js/jquery-1.11.1.js"></script>     
<script src="js/jquery-ui-1.11.2/jquery-ui.js"></script>
<script src="js/jquery.flexbox.min.js"></script>
<script src="js/jquery.fastLiveFilter.js"></script>  
<script src="js/class.js"></script>
<link href="js/jquery-ui-1.11.2/jquery-ui.css" rel="stylesheet" type="text/css"/>  
<link href='css/common.css' rel='stylesheet' type='text/css'/>

但是日期选择器不工作。如果我添加以下脚本：

<script src="js/jquery-ui-1.11.2/external/jquery/jquery-ui.css"></script>

我得到错误 - Uncaught TypeError: undefined is not a function

这里是jquery代码：

 //add date selector
    $("#datediv").datepicker({
        dateFormat: "dd M yy"
     });

     $("#datediv").datepicker("setDate", new Date());

Answer 1

为什么要使用<script> 标签而不是<link> 标签添加样式表？

试试这个

<link href="js/jquery-ui-1.11.2/external/jquery/jquery-ui.css" rel="stylesheet" type="text/css"/>

Answer 2

您输入的 id 是 date 而不是 datediv 所以您可以这样写 否则你可以写$(".datediv")而不是$("#date")，如果你想通过类名传递它

$(document).ready(function($){

    $("#date").datepicker({
        dateFormat: "dd M yy"
    });

    $("#date").datepicker("setDate", new Date());

});