Question

$(document).ready(
    /* This is the function that will get executed after the DOM is fully loaded */
    function () {
        $("#datepicker").datepicker({
            changeMonth: true,//this option for allowing user to select month
            changeYear: true //this option for allowing user to select from year range
        });
    }
);

我正在使用datepicker进行日期选择。我已经为html页面包含了外部js文件，但它给出的错误如type error $(..)datepicker is not function。

Answer 1

要使用jQuery用户界面插件，您需要下载jQuery UI

将其下载到您的开发环境后，您应该将src添加到您的index.html文件中 <script src="yourDestination/jquery-ui.min.js></script>

如果这不再起作用。提供一些小提琴来看问题

Answer 2

每当我收到错误'<blank> is not function'时，通常意味着我没有导入必要的代码来使该功能可用。

此外，它可能意味着我没有调用正确附加到对象的函数。

当我无法使用库函数时，我喜欢在线查看该函数的示例，看看我是否缺少任何其他依赖库或必要的步骤。

查看您的示例是否具有此示例位于https://jqueryui.com/datepicker/

的必要组件

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Datepicker - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
  <script>
  $( function() {
    $( "#datepicker" ).datepicker();
  } );
  </script>
</head>
<body>

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


</body>
</html>

Answer 3

如果我们在你的html页面中更正了jquery.js和jquery-ui.js的CDN网址。我们可以得到所需的结果。请尝试使用正确的以下CDN网址：

<script src="https://code.jquery.com/jquery-1.9.1.js"></script>         
<!-- Load jQuery UI Main JS -->         
<script src="https://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

整个代码就是这样你的html页面：

<html>  
<body>  
<label>Enter the license active date</label> 
<input type="text" id="datepicker" /><br>       
<script src="https://code.jquery.com/jquery-1.9.1.js"></script>         
<!-- Load jQuery UI Main JS -->         
<script src="https://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>      
<!-- Load SCRIPT.JS which will create datepicker for input field -->
<script src="JS/script.js"></script>    
</body>     
</html>

和script.js文件

$(document).ready(
    /* This is the function that will get executed after the DOM is fully loaded */
    function () {
        $("#datepicker").datepicker({
            changeMonth: true,//this option for allowing user to select month
            changeYear: true //this option for allowing user to select from year range
        });
    }
);

希望它对你有用。

获取datepicker不是一个错误的函数

3 个答案: