Jquery 日期选择器没有在文本字段的焦点上触发答案

【问题标题】：Jquery date picker not firing on focus of text fieldJquery 日期选择器没有在文本字段的焦点上触发
【发布时间】：2018-11-07 05:04:47
【问题描述】：

我正在开发一个网站：http://parishes.rcda.org:81/christtheking/ECC.php

如果我单击链接来安排访问（页面中间白色区域的左下方），则会在模式窗口中打开一个表单。

如果我点击“你想什么时候来参观？”的文本框，日期选择器不会加载。

我检查了 Firefox 中的开发者工具，发现一个错误告诉我：

jQuery.Deferred exception: $(...).datepicker is not a function                  @http://parishes.rcda.org:81/christtheking/ECC.php#popup3:745:29
l@https://code.jquery.com/jquery-3.3.1.min.js:2:29373
a/</c<@https://code.jquery.com/jquery-3.3.1.min.js:2:29677
undefined jquery-3.3.1.min.js:2:30920
TypeError: $(...).datepicker is not a function[Learn More] ECC.php:745:29
<anonymous>
http://parishes.rcda.org:81/christtheking/ECC.php:745:29
l
https://code.jquery.com/jquery-3.3.1.min.js:2:29373
a/</c<
https://code.jquery.com/jquery-3.3.1.min.js:2:29677

我不确定这是否是因为该网站使用 bootstrap 和 jquery 并且我的版本正确。

我确实检查了日期选择器调用脚本中的字段名称是否正确。

$(function () {
        $("#visitDate").datepicker();
    });

【问题讨论】：

你加载 jquery UI 了吗？
jquery 库在您的文档中加载了两次。先纠正这个...
我检查了我的代码并删除了一组 Jquery 加载语句。我现在只有：

标签： jquery bootstrap-4

【解决方案1】：

删除页面上的一个 jquery 加载实例，datepicker() 将起作用。

如果对您不起作用，请回帖。

这是我为您设置的示例：http://jsfiddle.net/uo87xbj4/

你需要：

JQuery Js
JQuery UI Js
JQuery UI CSS（如果您希望样式与日期选择器一起使用）

【讨论】：

我删除了一个 jquery 加载实例，现在得到 $ 未定义。然后我找到了另一组 jquery 并将其删除。第一组：jquery-3.3.1.min.js & 1.12.1/jquery-ui.js 造成$未定义错误。我发现的另一组是：jquery-1.12.4.js & 1.12.1/jquery-ui.js。删除它们导致：jQuery.Deferred 异常：$(...).datepicker is not a function & $(...).datepicker is not a function。
我在这里读到，由于我页面上脚本的顺序，其他人遇到了这个问题。这可能是我的问题，但我不确定。
jsfiddle.net/uo87xbj4 - 您还需要包含 jquery UI Js 和 CSS... 才能正常工作
我看了 jsfiddle，知道这就是我想要的。但无法让它工作。我已经切换到 google 托管的 JQuery CDN 并且仍然收到错误 $(...).datepicker is not a function。我还验证了我在网站上只有一组脚本。为什么这么难？
您可以在这里以简化格式发布您的部分吗？

【解决方案2】：

我终于明白了。该模板是从主题森林购买的，其中一个资产 .js 文件导致日期选择器无法运行。我删除了它，它现在可以工作了。

我在浏览器中打开该文件，发现该文件是 jQuery JavaScript Library v1.9.1，因为我在页面上有 2 个库，所以不行。

【讨论】：