模板中的 django 日期选择器输入答案

【问题标题】：django date picker input in template模板中的 django 日期选择器输入
【发布时间】：2019-02-27 18:55:40
【问题描述】：

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

我现在正在尝试的是：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>

我得到了什么

我发现选择器正在工作，但主文本框在聚焦时会向下显示选项，所以我没有看到它。文本框仍然充当日期选择器和文本框。我怎样才能防止这种情况？

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

【问题讨论】：

当你在 chrome 中打开开发者控制台时，你能看到 ..datepicker 没有在任何地方定义！！？或任何其他错误？
嗨@LeLouch 我刚刚用有关浏览器控制台错误的信息更新了问题
这不是 django 问题，而是 Jquery 问题，很可能修复是 [link] (stackoverflow.com/questions/1212696/…)
@LeLouch 我已经检查过 Jquery 在我的 HTML 中只加载了一次。像这样：
@LeLouch 我注意到我错过了 Jquery UI 调用。我更新了问题。我现在对控制台没有任何问题。

标签： django django-forms django-widget

【解决方案1】：

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

【讨论】：