为什么我不能让 datepicker 使用这个 TypeError: o is undefined error？答案

【问题标题】：Why can't I get datepicker to work with this TypeError: o is undefined error?为什么我不能让 datepicker 使用这个 TypeError: o is undefined error？
【发布时间】：2013-12-11 19:26:30
【问题描述】：

我的页面底部有以下代码（就在我关闭正文标记之前）

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script src="/js/main.js"></script>

我仔细检查了我的“查看源代码”，以确保链接没有损坏，并且一切正常。

在我的main.js 文件中，我有以下内容：

$(document).ready(function(){
    imp_init_fields();
});

function imp_init_fields() {
    if( $('.datepicker')[0] ) {
        $('.datepicker').datepicker();
    }
}

正如你所看到的，没有什么特别疯狂的，只是设置了一个日期选择器，因为我已经做了一百万次了。

现在，当我进入相关页面并单击文本输入时，会出现日历弹出窗口。但是，一旦我尝试与日历交互（更改月份、选择日期或其他任何操作），什么都没有发生，并且我收到以下错误：

火狐：

时间戳：2013 年 11 月 12 日下午 2:15:31 错误：TypeError：o 未定义源文件： http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js 线路：9

铬：

未捕获的类型错误：无法读取未定义的属性“设置”

现在我已经做了一百万次了，所以我认为这很简单。我想也许我的 jquery 和 jquery-ui 版本冲突，但我去下载了旧代码，我得到了同样的错误。

我不明白的是日期选择器被初始化，我可以在点击输入字段时让它出现，但是一旦我尝试与之交互它就会中断......知道我在这里做错了什么?

编辑：我用未缩小的代码运行它。

火狐：

时间戳：2013 年 11 月 12 日下午 2:34:45 错误：TypeError：inst 未定义源文件：http://code.jquery.com/ui/1.10.3/jquery-ui.js 线路：8574

第 8574 行：

inst.selectedDay = inst.currentDay = $("a", td).html();

不幸的是，这并没有告诉我太多。我没有做任何特别花哨的事情。我没有包含其他 javascript，这是一个非常简单的页面。

【问题讨论】：

只是为了确保，在你的第一次粘贴中看看这个：
@Gotschi 不会破坏链接，它只是让它通过 HTTP 或 HTTPS 加载脚本，具体取决于我使用的内容。
@adeneo 我将错误包含在文件的代码行中。这对我来说意义不大。我已经这样做了无数次，所以我不明白为什么它突然坏了——我想我可能忽略了一些东西，但我只是没有看到它。
在这里发现了同样的错误，有解决办法。 stackoverflow.com/questions/2375280/…

标签： jquery jquery-ui datepicker

【解决方案1】：

@Melonheadjr44 发布了指向jQuery datepicker returns "inst is null" error when loaded via AJAX 的链接后，这让我想知道我的页面上是否有两个冲突的 ID。

原来我做了以下事情：

<label id="client_since">Client since:</label>
<input type="text" id="client_since" name="client_since" class="datepicker" value="" />

可能不是很清楚，但我不小心将标签上的“for”属性换成了“id”。由于 jquery 使用 ID 来获取我的输入框，它实际上是在拉标签而不是找到它期望找到的属性/选项。

【讨论】：