未捕获的TypeError:undefined不是datepicker中的函数

时间:2014-11-03 10:35:39

标签: javascript jquery asp.net-mvc-4 datepicker

我正在尝试在mvc4中使用jquery的日期选择器。

它给了我错误:

Uncaught TypeError: undefined is not a function

我的jQuery功能如下:

$(document).ready(function () {
    $('#dpFrom').datepicker();
});

html部分就像:

 <input type="text" id="dpFrom"  />

我说:

Uncaught TypeError: undefined is not a function while using jQuery UI

包括:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>

总javascript成了:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>  
<script type="text/javascript">
    jQuery(document).ready(function () {
        jQuery('#dpFrom').datepicker();

    });
</script>

仍然给我错误。

请帮忙......

3 个答案:

答案 0 :(得分:13)

我认为你有一个重复的jQuery引用。你能打开一个&#34;查看来源&#34;在您的Web浏览器上并枚举您的jQuery引用?这是一个常见的错误,容易错过。也许捆绑定义或您的布局和内容页面具有相同的参考。

答案 1 :(得分:1)

引用脚本和css标记中的路径应该是https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js而不是//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js

答案 2 :(得分:0)

<script type="text/javascript">
    $( "#datepicker" ).datepicker();      
</script>

当我擦除函数()时,我尝试了这个。