Jquery日期选择器不触发文本字段的焦点

Question

我有一个我正在做的网站：http://parishes.rcda.org:81/christtheking/ECC.php

如果我单击该链接来安排访问(页面中间白色区域的左下角)，则表单将在模式窗口中打开。

如果我单击文本框中的“您希望什么时候来参加您的旅游？”，则日期选择器不会加载。

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

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

我不确定这是否是因为站点使用了引导程序和jquery，并且我有正确的版本。

我确实检查了在datepicker调用脚本中是否有正确的字段名。

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

Answer 1

我终于想出来了。模板是从主题林中购买的，其中一个资产.js文件导致数据选择器无法工作。我把它拿走了，现在起作用了。

我在浏览器中打开了该文件，发现该文件是jQuery JavaScript Library v1.9.1，并且由于页面上有两个库，所以没有go。

Answer 2

删除页面上加载jquery的一个实例，datepicker()就可以工作了。

如果它对你不起作用的话就发回吧。

下面是我为您设置的一个示例：http://jsfiddle.net/uo87xbj4/

你需要：

• JQuery Js
• JQuery UI Js
• JQuery用户界面CSS (这是如果您希望样式与数据报警器一起使用)