Question

<!doctype html>
<html lang="en">
<head>

<meta charset="utf-8">
<meta content='width=device-width, initial-scale=1' name='viewport'/>
  <title>jQuery UI Datepicker</title>

  <link type="text/css" href="jquery-ui-1.8.16.custom/css/sunny/jquery-ui-1.8.16.custom.css" rel="stylesheet" />
  <script src="jquery-ui-1.8.16.custom/js/jquery-1.6.2.min.js"></script>

  <script scrc="jquery-ui-1.8.16.custom/js/jquery-ui-1.8.16.custom.min.js"></script>
</head>
<body>
  <h3>Date of Birth</h3>
  <input type="text" name="birth_date" id="datepicker">
  <script>
      $(document).ready(function(){
          $('#datepicker').datepicker();
      });
  </script>
</body>
</html>

为什么这不起作用？尝试了几次，但在调试中得到了同样的错误：

Object不支持属性或方法'datepicker'。

Answer 1

看起来你这里有拼写错误

<script scrc="jquery-ui-1.8.16.custom/js/jquery-ui-1.8.16.custom.min.js"></script>
---------^

scrc应更改为src

<script src="jquery-ui-1.8.16.custom/js/jquery-ui-1.8.16.custom.min.js"></script>

Answer 2

尝试这个小提琴Demo - here，在您的代码中检查所包含的脚本是否正确加载，或检查控制台是否有任何错误显示

<link type="text/css" href="jquery-ui-1.8.16.custom/css/sunny/jquery-ui-1.8.16.custom.css" rel="stylesheet" />
  <script src="jquery-ui-1.8.16.custom/js/jquery-1.6.2.min.js"></script>

  <script src="jquery-ui-1.8.16.custom/js/jquery-ui-1.8.16.custom.min.js"></script>
</head>

Datepicker不起作用

2 个答案: