Javascript Django bootstrap datepicker plus未正确呈现datepicker

Javascript Django bootstrap datepicker plus未正确呈现datepicker,javascript,django,django-forms,datepicker,bootstrap-datepicker,Javascript,Django,Django Forms,Datepicker,Bootstrap Datepicker,我面临的问题是我的datetimepicker根本没有加载 就在我的模板中,当我按下日历图标时,datetime字段加载当前日期和时间,如图所示 尽管从这里开始执行安装步骤:并在stackoverflow中检查其他答案,但我没有找到解决方案 我认为问题与进口及其优先权有关 我的模板 {% extends 'base.html' %} {% load render_table from django_tables2 %} {% load bootstrap4 %} {% bootst

我面临的问题是我的datetimepicker根本没有加载

就在我的模板中,当我按下日历图标时,datetime字段加载当前日期和时间,如图所示

尽管从这里开始执行安装步骤:并在stackoverflow中检查其他答案,但我没有找到解决方案

我认为问题与进口及其优先权有关

我的模板

{% extends 'base.html' %}
{% load render_table from django_tables2 %}
{% load bootstrap4 %}       
{% bootstrap_css %}         
{% bootstrap_javascript jquery='full' %}  


{% block page-title %}Creation of Process Note{% endblock %}

{% block content %}

<div class="row">
  <div class="col-md-6 col-xl-6 offset-md-3">

  <form class="well" method="post" action="">
      {% csrf_token %}
    {% bootstrap_form form %}

<br>
        {% buttons %}

          <button type="submit" class="btn btn-primary">
               Submit
          </button>
      {% endbuttons %}

  </form>

{{ form.media }}

</div>
</div>

{% endblock %}
在my base.html中,导入的外观为:

内封头

<link href="/static/theme/assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<script src="/static/theme/assets/js/jquery.min.js"></script>
我的表格

class ProcessNotesForm(ModelForm):
    notes= CharField(required=False,widget=Textarea(attrs={"rows":5, "cols":20}))
    class Meta:
        model = Case_Notes
        fields = ("date","notes",)
        widgets = {
            'date': DateTimePickerInput(), # default date-format %m/%d/%Y will be used
        }
为什么表单字段中的datepicker小部件没有呈现?

根据,模板文件中的{form.media}需要紧跟在{%bootstrap\u javascript jquery='full%}下面

{% load bootstrap4 %}
{% bootstrap_css %}
{% bootstrap_javascript jquery='full' %}

{{ form.media }}

除了{form.media}之外,您在ModelForm的Meta字段中使用tuple而不是数组:

class ProcessNotesForm(ModelForm):
    notes= CharField(required=False,widget=Textarea(attrs={"rows":5, "cols":20}))
    class Meta:
        model = Case_Notes
        fields = ["date", "notes" ] # change this ("date","notes",)
        widgets = {
            'date': DateTimePickerInput(), # default date-format %m/%d/%Y will be used
        }

浏览器控制台中是否有错误?能否尝试更改数据字段的位置:date=DateTimePickerInput在模型中Meta类之前的notes之后。@MaestroFJP,不,这是奇怪的事情根据文档,任何地方都没有错误表明它是{{form.media}的位置:@ytsejam这没有帮助我更改了form.media的顺序,但没有任何更改。此外,在这种情况下,日历图标会消失。不,控制台中也没有显示任何内容。这不起作用。我认为无论如何都需要tuple,很抱歉,它是这样写的:您使用tuple而不是ModelForm中Meta字段中的数组:。你又声明需要元组了吗?我完全不理解你的担心。
class ProcessNotesForm(ModelForm):
    notes= CharField(required=False,widget=Textarea(attrs={"rows":5, "cols":20}))
    class Meta:
        model = Case_Notes
        fields = ("date","notes",)
        widgets = {
            'date': DateTimePickerInput(), # default date-format %m/%d/%Y will be used
        }
{% load bootstrap4 %}
{% bootstrap_css %}
{% bootstrap_javascript jquery='full' %}

{{ form.media }}
class ProcessNotesForm(ModelForm):
    notes= CharField(required=False,widget=Textarea(attrs={"rows":5, "cols":20}))
    class Meta:
        model = Case_Notes
        fields = ["date", "notes" ] # change this ("date","notes",)
        widgets = {
            'date': DateTimePickerInput(), # default date-format %m/%d/%Y will be used
        }