20

这个问题已经被问了很多次，但没有一个对我有用。我正在尝试在JSP文件中使用此日期选择器。这是我的脚本

<head>
<title>My Home</title>
<link rel="stylesheet" type="text/css"
href="../resource/css/page-style.css" />
<link rel="stylesheet" type="text/css"
href="../resource/css/jQuery-ui.css" />
<script src="../resource/js/jquery-1.9.1.js"></script>
<script src="../resource/js/jquery-ui.js"></script>
<script type="text/javascript" src="../resource/js/form-elements.js"></script>

<script type="text/javascript">
$("document").ready(function() {
    $("#shortcuts").load("shortcut.html");
    $("#datepicker").datepicker();
    alert('jQuery is working');
});
</script>
</head>

该shortcut文件正在完美加载，警报也显示出来。我收到错误消息为TypeError: $(...).datepicker is not a function. 如果我在放置在桌面上的 html 文件中运行此脚本，我不会遇到此问题，当我将代码复制到我的 IDE 并运行它时，我在控制台中收到此错误。请建议我该怎么办？我知道这个问题被问了好几次我已经检查了每个答案这是唯一一个与我的概率密切匹配但对我不起作用的链接。

4

3 回答 3

39

问题在于您导入的文件。我认为您没有正确放置它们。

尝试导入这些文件

 <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>

它对我有用。

看到这里了解更多信息

于 2013-03-15T06:59:49.710 回答
20

仔细检查您的 JQuery-ui 引用后是否没有 JQuery引用。

在我的 JQuery-ui 参考之后，我有一个额外的 JQuery 参考，并且浪费了一个小时来解决这个问题。这将导致 datepicker not found 错误。

于 2014-01-09T21:12:13.950 回答
1

这与导入文件有关。我也遇到了同样的情况，以下导入帮助我克服了以下问题“日期选择器不是函数”。

    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/css/bootstrap-datepicker3.css"/>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
    <script src="http://code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
于 2018-10-28T16:44:39.570 回答