javascript - 使用 google api 时日期选择器不工作

标签 javascript jquery jquery-ui

 <!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 的一部分。我做错了什么或遗漏了什么?

最佳答案

我显然无法分辨本地 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/

关于javascript - 使用 google api 时日期选择器不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25671973/

相关文章:

javascript - 调用 .raise() 后回到之前的子顺序

javascript - 使用 Ajax 单击按钮删除表行

javascript - 用户名实时更改中 keyup() 事件和 change() 事件之间的区别

javascript - ASP.NET MVC : Output format of jQuery UI Autocomplete (display value label key pairs)

javascript - 当某些对象必须避免配对在一起时,如何将一个数组的元素随机映射到另一个数组的元素?

javascript - 如何在打字时以正确的大小渲染文本区域并自动扩展?

javascript - 如何让 slider 的MaxValue动态化?

javascript - aria-expanded ="true"不会将类添加到父级

javascript - jQuery - 动态添加按钮单击不起作用

javascript - 按 Enter 时,组合框自动完成功能会自动选择建议列表的顶部项目