проблемы, включая библиотеку JQuery в HTML

Question

У меня проблемы с JQuery на моей странице HTML. Я пытаюсь отобразить календарь, нажимая на кнопку, но календарь не отображается. Появилась следующая ошибка: $ (..) Datapicker не является функцией. Я искал в Интернете, и люди говорили, что это из-за множественных включений. Но я уверен, что однажды включил Jquery, потому что когда я удаляю JQuery, он говорит, что я его не включаю. Вот заголовок:

<meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-animate.js"></script> 
    <script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-2.0.0.js"></script> 
    <link href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet"> 
    <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script> 
    <script> 
    $(function() { 
    $("#datepicker").datepicker(); 
    }); 
    </script> 
    <script src="https://use.fontawesome.com/6cd7c64e2b.js"></script> 
    <link rel="stylesheet" type="text/css" href="/static/app/css/control/style.css" /> 
    <link rel="stylesheet" type="text/css" href="/static/app/css/control/ir-button.css" /> 
    <link rel="stylesheet" type="text/css" href="/static/app/css/recorder/style.css"/> 
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
    <script type="text/javascript" src="/static/app/js/recorder/timer.js"></script> 

Обратите внимание, что сценарий JS в заголовке, потому что я хотел, чтобы проверить его, как он не работал во внешнем файле!

Заранее благодарен!

Answer 1

Вам необходимо включить jQuery (core). На самом деле вы добавили только jQuery UI, ведьма является расширением для самого jQuery.

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script> 
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script> 

И вы уверены, что используете такую ​​старую версию пользовательского интерфейса jQuery? Текущая версия jQuery UI - 1.12.0, работающая со всеми версиями jQuery с версии 1.7.

Answer 2

Попробуйте исправить его, выполнив следующий порядок и версию файлов jquery. Проверьте ниже фрагмент кода.

$(function() { 
 
    $("#datepicker").datepicker(); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script> 
 
<link href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css" rel="stylesheet"/> 
 

 

 
<input type=text id="datepicker"/>