Ввод средства выбора даты django в шаблон

Я пытаюсь использовать виджет выбора даты из формы модели в шаблоне. Я видел несколько сообщений, но не мог заставить его работать правильно.

Сейчас я пытаюсь: Отвеченный вопрос

Form.py

Мой код формы выглядит так

class FormularioTareas(forms.ModelForm):
class Meta:
    model = Tareas
    widgets = {'fecha_limite': forms.DateInput(attrs={'class': 'datepicker'})}
    fields = ["destinatario", "titulo", "tarea", "resuelto", "fecha_limite"]

Шаблон

В шаблон я добавляю этот скрипт:

 /* Include the jquery Ui here */
 <script>
  $(function() {
    $( ".datepicker" ).datepicker({
      changeMonth: true,
      changeYear: true,
      yearRange: "1900:2012",
    });
  });
 </script>

И вызовите эту форму в html

<div style="background: white;">{{ tareas_form.fecha_limite }}</div>

JQuery

Я загружаю Jquery следующим образом, и в консоли браузера не обнаружено проблем.

<script src="{% static 'js/jquery-3.2.1.min.js' %}"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

Что я получаю

Я обнаружил, что средство выбора работает, но в основном текстовом поле параметры отображаются вниз, когда они сфокусированы, поэтому я его не видел. Текстовое поле по-прежнему ведет себя как средство выбора даты и как текстовое поле. Как я могу предотвратить это?

Приветствуются любые подсказки. Спасибо!


django django-forms django-widget
person Francisco Ghelfi    schedule 27.02.2019    source источник
comment
случайно, когда вы открываете консоль разработчика в chrome, вы видите, что ..datepicker нигде не определен !!? или какая-либо другая ошибка?   -  person LeLouch    schedule 27.02.2019
comment
Привет @LeLouch, я только что обновил вопрос, добавив информацию об ошибках консоли браузера.   -  person Francisco Ghelfi    schedule 27.02.2019
comment
это не проблема django, это проблема Jquery, и, скорее всего, исправление [ссылка] (stackoverflow.com/questions/1212696/)   -  person LeLouch    schedule 27.02.2019
comment
@LeLouch Я проверил, что Jquery загружается в мой HTML только один раз. Вот так: ‹script src=/static/js/jquery-3.2.1.min.js›‹/script›   -  person Francisco Ghelfi    schedule 28.02.2019
comment
@LeLouch Я заметил, что мне не хватает вызова пользовательского интерфейса Jquery. Я обновил вопрос. Теперь у меня нет проблем с консолью.   -  person Francisco Ghelfi    schedule 28.02.2019

Ответы (1)


arrow_upward
0
arrow_downward

Я использовал autocomplete="off" в форме, поэтому обычные параметры раскрывающегося списка ввода текста не отображаются.

person Francisco Ghelfi    schedule 27.02.2019