Почему функция datepicker не работает на ветке в пользовательском режиме?

Question

Немного новичка здесь, и этот вопрос вызывает у меня головную боль в течение дня. Я использую userfrosting как фреймворк, с обычными файлами twig для веб-страниц.

Я пытаюсь включить datepicker (bootstrap-datepicker.js не работал, ни текущая итерация с использованием jquery-ui) в форме на ветке - но независимо от того, что я делаю, t заставить его работать!

Вот основные настройки:

{% block head %} 
    {{ parent() }} 
    <script src="{{site.uri.js}}/jquery-1.11.2.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> 
    <script src="{{site.uri.js}}/custom.js" ></script> 
{% endblock %} 

{% block content %} 
.... {{boring stuff missed out}} 
<form class="form-inline" role="form"> 
.... {{boring stuff missed out}} 
<div class="form-group row"> 
    <label for="datepicker" class="col-sm-3 form-control-label">Subject Date:</label> 
    <div class="col-sm-6"> 
     <input type="date" class="form-control" id="datepicker" /> 
    </div> 
</div> 
.... {{boring stuff missed out}} 
</form> 
.... {{boring stuff missed out}} 
{% endblock %} 

{% block javascripts %} 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#datepicker").datepicker(); 
    }); 
</script> 
{% endblock %} 

Коробка на странице, вы можете ввести дату, в ней и т.д., но ничего не появляется при нажатии на него

(должно быть календарь появляется.)

У кого-нибудь есть идеи? У меня полная потеря. Я пробовал различные версии, локально и (как вы можете видеть, в настоящее время) на CDN, но ничего не работает. Я уверен, что это, вероятно, что-то основное, поскольку я не опытный веб-разработчик или что-то еще, но любые советы или рабочие примеры были бы с благодарностью приняты!

Answer 1

Ух! Facepalm

Ну, после некоторого копания и серьезного рассмотрения выходного инспектора (спасибо CTRL-SHIFT-I!) Это оказывается простой случай загрузки сценария заказа и несколько сценариев загружается.

Я не понимал, что на веточках загружается целая ведра скриптов поверх того, что я прошу загрузить в шаблон, который я создавал. Только после просмотра вывода инспектор для страницы я не видел, что я пытался загрузить две различные версии JQuery и мой собственный сценарий был загружен из строя - я нагружал их здесь:

{% block head %} 
    {{ parent() }} 
    <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script> 
    <script src="{{site.uri.js}}/custom.js" ></script> 
{% endblock %} 

этого блок должны быть зарезервированы для таблиц стилей. Вместо этого я должен загружать их здесь:

{% block page_scripts %} 
    <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script> 
    <script src="{{site.uri.js}}/custom.js"></script> 
{% endblock %} 

... так что они загружены после того как все Bootstrap по умолчанию и userfrosting сценариев.

Answer 2

https://jqueryui.com/datepicker/ использует тип = "текст" для поля ввода. Когда я делаю вопрос, кажется, что тип = «дата» по крайней мере ранее вызвал проблемы.

Вкратце: я бы попробовал изменить тип = "date" на type = "text".