Я пытаюсь использовать этот виджет https://gijgo.com/datepicker. В моем внешнем результате отсутствует раскрывающийся список календаря.
Мой код:
<!DOCTYPE html>
<html lang="en">
<head>
<body>
<!-- datepicker -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/gijgo/1.9.13/combined/css/gijgo.min.css" rel="stylesheet" type="text/css" />
<script src="{% static '/js/jquery-3.3.1.min.js' %} "></script>
<script src="{% static 'js/bootstrap.bundle.min.js' %} "></script>
<script src="{% static 'js/main.js' %} "></script>
<script src="{% static 'js/jquery.js' %} "></script>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gijgo/1.9.13/combined/js/gijgo.min.js" type="text/javascript"></script>
<form action="{% url 'contact' %}" method="POST">
{% csrf_token %}
<div class="form-group">
<label for="property_name" class="col-form-label">Property Name (optional):</label>
<input type="text" name="property" class="form-control">
</div>
<div class="form-group">
<label for="name" class="col-form-label">*Name:</label>
<input type="text" name="name" class="form-control" required>
</div>
<div class="form-group">
<label for="email" class="col-form-label">*Email:</label>
<input type="email" name="email" class="form-control" required>
</div>
<div class="form-group">
<label for="message" class="col-form-label">*Message:</label>
<textarea name="message" class="form-control" required></textarea>
</div>
<input id="datepicker" width="276" />
<script>
$('#datepicker').datepicker();
</script>
</body>
</html>
Ссылка на исходный код Jquery работает хорошо, я следовал инструкциям, но получаю тот же результат.