datepicker不是一个函数 - 主页上的错误,但在另一个上工作

时间:2017-01-06 11:21:27

标签: javascript jquery datepicker

我一直在努力解决这个错误。检查了我的所有包含,与其他页面相比,一切看起来对我都没问题。老实说我完全失去了为什么会这样。

我的主页上有一个jQuery datepicker功能无效,它会抛出错误“找不到功能”。但是,我在其他子页面上具有完全相同的功能,完全没有问题。

的CSS

这些是我工作的页面中包含的内容:

<link rel="stylesheet" href="./index/bootstrap.min.css">
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css" />
<link rel="stylesheet" type="text/css" href="./index/style.css">
<link rel="stylesheet"  href="https://code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css" />

脚本

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>
<script src="./index/jquery.min.js.download"></script>
<script src="./index/bootstrap.min.js.download"></script>

并进行比较,包括来自主页

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>
<script src="./index/jquery.min.js.download"></script>
<script src="./index/bootstrap.min.js.download"></script>

我还以为也许我写错了所以我从工作页面中完全复制了代码但仍然没有运气。唯一的区别是我在主页上使用谷歌图表API,这可能会抛弃日期选择器吗? 我的datepicker功能:

的JavaScript

<script  type="text/javascript">
$(function() {
  $( "#datepicker" ).datepicker();
});
</script>

使用它的地方:

HTML

<label for="Audit Date">Audit Date:</label>
<input type="text" name="datepicker" id="datepicker" />

2 个答案:

答案 0 :(得分:1)

我不知道你加载脚本的顺序是什么,所以这是它对我有用的:

&#13;
&#13;
<!doctype html>
<html lang="en">
<head>
  <script type="text/javascript" src="https://www.google.com/jsapi"></script>
  <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
  <script src="http://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>
  <script  type="text/javascript">
    $( function() {
      $( "#datepicker" ).datepicker();
    } );
</script>
</head>
<body>
 
<p>Date: <input type="text" id="datepicker"></p>
 
 
</body>
</html>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

&#13;
&#13;
$( function() {
$( "#datepicker" ).datepicker();
} );
&#13;
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>
<script src="./index/jquery.min.js.download"></script>
<script src="./index/bootstrap.min.js.download"></script>
<label for="Audit Date">Audit Date:</label>
<input type="text" name="datepicker" id="datepicker" >
&#13;
&#13;
&#13;