Question

 <!doctype html>
 <html lang="en">
 <head>
    <meta charset="utf-8">
    <title>jQuery UI Datepicker - Default functionality</title>
    <link rel="stylesheet" href="jquery-ui.css">

    <script src="jquery.js" type="text/javascript"></script>
    <script src="jquery-ui.js" type="text/javascript"></script>
    <!--<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.js" type="text/javascript"></script>-->

  <script>
  $(function() {
      $( "#datepicker" ).datepicker();
  });
  </script>

</head>
<body>
    <p>Date: <input type="text" id="datepicker"></p>
</body>
</html>

如果我注释掉ajax.google行，我的日期选择器就可以使用。我认为日期选择器是jquery UI的一部分。我做错了什么或错过了什么？

Answer 1

我显然无法分辨你本地jQuery文件中的内容，但Google的1.8.18副本效果很好：

<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/smoothness/jquery-ui.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
<div class="demo">
    <input type="text" id="datepicker">
</div>

http://jsfiddle.net/eqd4x1rq/2/

使用谷歌API时，Datepicker无法正常工作

1 个答案: