Datepicker не является функцией

Этот вопрос уже задан много раз, но никто из них не работал у меня. Я пытаюсь использовать этот сборщик дат в файле JSP. Это мой script

<head>
<title>My Home</title>
<link rel="stylesheet" type="text/css"
href="../resource/css/page-style.css" />
<link rel="stylesheet" type="text/css"
href="../resource/css/jQuery-ui.css" />
<script src="../resource/js/jquery-1.9.1.js"></script>
<script src="../resource/js/jquery-ui.js"></script>
<script type="text/javascript" src="../resource/js/form-elements.js"></script>

<script type="text/javascript">
$("document").ready(function() {
    $("#shortcuts").load("shortcut.html");
    $("#datepicker").datepicker();
    alert('jQuery is working');
});
</script>
</head>

Файл shortcut загружается отлично, также отображается предупреждение. Я получаю сообщение об ошибке как TypeError: $(...).datepicker is not a function. Я не сталкиваюсь с этой проблемой, если я запустил этот script в html файле, размещенном на моем рабочем столе, когда я скопирую код перехода в свою IDE и запустил его. Я получаю эту ошибку в своей консоли. Пожалуйста, предложите мне, что я могу сделать? Я знаю, что этот вопрос задан несколько раз. Я проверил каждый ответ, это единственная ссылка которая была близка к моей проблеме, но не работала для меня.

Ответы

Ответ 1

Проблема с вашими импортированными файлами. Я думаю, что вы не разместили их правильно.

Попробуйте импортировать эти файлы

 <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>

Он работает для меня.

см. здесь для более информации

Ответ 2

Дважды проверьте, нет ли ссылок JQuery после ссылки на JQuery-ui.

У меня была дополнительная ссылка JQuery, которая появилась после моей справки JQuery-ui и потеряла час, преследуя проблему. Это вызовет ошибку datepicker.