Question

我正在尝试使用模板中的模型表单中的日期选择器小部件。我看过几篇文章，但无法正常工作。

我现在正在尝试的是：Answered question

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>

我能得到的

我发现选择器正在运行，但是在聚焦时主文本框会向下显示选项，因此我看不到它。该文本框仍表现为日期选择器和文本框。我该如何预防？

欢迎提供任何线索。谢谢！

Answer 1

我在表单上使用了autocomplete =“ off”，因此通常的文本输入下拉选项不会显示。

Django日期选择器在模板中输入

1 个答案: