Question

我有一个正在使用的网站：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以及我具有正确的版本。

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

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

Answer 1

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

如果不适合您，请发回邮件。

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

您需要：

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

Answer 2

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

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

jQuery日期选择器未触发文本字段的焦点

2 个答案: