1

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

$(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>
4

5 回答 5

1

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

在遇到此线程之前，我一直在遇到这个确切的问题。我发现我的一个 ASP 包含语句稍后在我的代码中引入了第二个版本的主 jQuery 库。删除多余的包含使其完美运行。

于 2012-11-02T21:30:23.787 回答
0

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

除此之外，您需要一个 jQuery CSS 文件来制作 Datepicker，因为 .datepicker() 将必要的类添加到它制作的对象中。

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

于 2012-08-04T17:09:12.467 回答
0

您实际上是否也在主 jquery 库中进行了链接？此外，您没有设置脚本文件的脚本类型（这可能没有太大影响）。

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

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

现场演示

于 2012-08-04T17:11:37.580 回答
0

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

<script type="text/javascript">
    (function($) {
        $(document).ready(function(){
            $("#datepicker").datepicker();
        });
    })(jQuery);
</script>
于 2013-03-02T04:33:41.803 回答
0

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

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

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

于 2013-03-07T20:26:23.873 回答