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

Question

У меня проблема с DatePicker, не являющимся функцией.Я исследовал его, и похоже, что общая проблема в том, что вы внедряете Jqueries, но у меня есть только одна строка, импортирующая jquery.

    <link href="https://code.jquery.com/ui/1.12.1/themes/ui-darkness/jquery-ui.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<script src="vendor/jquery/loadMe.js"></script>
<script src="vendor/jquery/datePicker.js"></script>

HTML-код:

<label for="date">Date</label>
<input type="text" name="date" id="date" class="date-picker">

Код JQuery вdatePicker.js

document.addEventListener('DOMContentLoaded', function() {
$('.date-picker').datepicker();
})

Ошибка:

Uncaught TypeError: $ (...). datepicker не является функцией

Answer 1

Datepicker равен jQuery UI , не является частью самого jQuery .

Итак, вам нужно загрузить библиотеку пользовательского интерфейса jQuery после jQuery:

document.addEventListener('DOMContentLoaded', function() {
  $('.date-picker').datepicker();
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>

<input type="text" class="date-picker" />

Вы также можете использовать одну из тем оформления jQuery UI :

document.addEventListener('DOMContentLoaded', function() {
  $('.date-picker').datepicker();
})

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

<input type="text" class="date-picker" />