日期选择器没有方法？

Question

我已经尝试了所有我能想到的解决这个问题的方法。我的网站上有一个内联日期选择器，带有一个替代输入字段。这是我的代码：

$(function() {
$( "#datepicker" ).datepicker({
            altField: "#dt",
        });
    });

我在Chrome开发人员工具中遇到了这个错误......哦，它根本没有显示出来。

Uncaught TypeError: Object [object Object] has no method 'datepicker'

这是备用字段：

    <center><img class="board" id="header3" src="http://codtelevision.com/wpimages/CODherePART3.png"></img></center>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://www.codtelevision.com/date.css" type="text/css" media="screen">
<div id="datepicker"></div><br>
    <input id="dt" style="outline:none;" readonly type="text"></input><br>

Answer 1

此问题可能是由于jQuery在您的文件中被多次包含。

在遇到this thread之前，我遇到了这个问题。我发现我的一个ASP包含语句后来在我的代码中引入了第二个版本的主jQuery库。删除冗余包括使其完美​​运行。

Answer 2

好吧，你没有包含jQuery库，只有jQuery UI lib。

除此之外，你需要一个jQuery CSS文件来制作一个Datepicker，因为.datepicker（）会为它所做的对象添加必要的类。

您可以在此处动态创建自己的UI CSS文件：http://jqueryui.com/themeroller/

Answer 3

您是否实际链接了主jquery库？您也没有设置脚本文件的脚本类型（这可能没有多大影响）。

<script type="text/javascript" 
    src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js">
</script>

我为你的代码创建了一个jsfiddle，它似乎工作得很好。我认为还有其他问题。根据你粘贴的内容，我仍然想知道你是否包含了jquery库。

Live DEMO

Answer 4

您可能遇到了jQuery冲突。试试noConflict模式，如下所示：

<script type="text/javascript">
    (function($) {
        $(document).ready(function(){
            $("#datepicker").datepicker();
        });
    })(jQuery);
</script>

Answer 5

我们包含js文件的顺序很重要。

http://www.irisclasson.com/2012/02/21/the-order-of-thingsobject-has-no-method-datepicker/

以上链接解决了我的问题。