加载jquery ui datepicker时出错

时间:2014-12-09 11:22:45

标签: jquery jquery-ui datepicker

我刚刚更新了我的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>

我得到错误 - 未捕获的TypeError:undefined不是函数

这是jquery代码:

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

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

2 个答案:

答案 0 :(得分:1)

为什么使用<script>代码而不是<link>代码添加样式表?

尝试使用此

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

答案 1 :(得分:0)

您输入的ID是日期而不是日期,因此您可以这样写 或者如果你想通过类名传递它,你可以写$(".datediv")而不是$("#date")

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

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

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

});