ввод даты в шаблоне django - PullRequest
Новая
       38

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

0 голосов
/ 27 февраля 2019

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

Сейчас я пытаюсь написать следующее: Ответ на вопрос

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>

Что я получаю

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

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

1 Ответ

0 голосов
/ 28 февраля 2019

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

...