Jquery日期选择器未在文本字段的焦点上启动



我有一个正在开发的网站: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加载实例,datepicker()就可以工作了。

如果它对你不起作用,就贴回去。

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

您需要:

  • JQuery Js
  • JQuery UI Js
  • JQuery UI CSS(如果您希望样式与日期选择器配合使用(

我终于想通了。该模板是从主题林中购买的,其中一个asset.js文件导致日期选择器无法工作。我去掉了它,现在它工作了。

我在浏览器中打开了该文件,发现该文件是jQuery JavaScript Library v1.9.1,由于我在页面上有两个库,所以无法访问。

最新更新