Использование jQuery виджета DatePicker в проекте пирамиды

Question

Я хочу использовать JQuery виджет в моем проекте пирамиды. В частности, я хочу использовать виджет выбора даты.

Я скопировал код jquery datepicker из http://jqueryui.com/demos/datepicker/ в моем файле шаблона (.pt).

<script type="text/javascript">
    jQuery(function() {
        jQuery( "#datepicker" ).datepicker();
    });
</script>
<div class="demo">
<p>Date: <input type="text" id="datepicker"></p>

И я скачал jquery, и я включаю его js-файлы, например:

<script src="${request.static_url('eventmanager:static/javascripts/jq/jquery-1.7.1.min.js')}"></script>
<script src="${request.static_url('eventmanager:static/javascripts/jq/jquery-ui-1.8.18.custom.min.js')}"></script>

Однако на странице отображается только форма для ввода текста без календаря выбора даты, что я делаю неправильно?

edit: в моем браузере javascript-консоли я получаю сообщение об ошибке:

Uncaught TypeError: Object [object Object] has no method 'datepicker'

когда я делаю

jQuery('#datepicker').datepicker(

Answer 1

С вашим кодом календарь должен появиться, но только когда вы щелкнете по полю ввода.

Чтобы отобразить значок календаря по умолчанию рядом с вводом, сделайте что-то вроде этого:

Вы должны будете предоставить значок calender.gif самостоятельно.

ОТВЕТИТЬ НА ВАШЕ ИЗМЕНЕНИЕ: Вы вызывали jQuery.noConflict ()?

Answer 2

Вы проверили деформировать ? Это делает этот вид форм в Пирамиде очень простым. Возможно, вам будет проще использовать метод get_widget_resources в представлении, обслуживающем форму и внедряющем каждый актив, необходимый любому виджету деформации (включая виджет DatePicker) в шаблон, например this

Убедитесь, что вы используете статическое представление для деформируемых активов при настройке приложения. Для виджета DatePicker я думаю, что вам также нужно вставить <script>deform.load()</script> где-нибудь в конце шаблона, но я мог бы работать без этого.