在 Django 中设置 datetimepicker 的问题答案

【问题标题】：Problem with setting up datetimepicker in Django在 Django 中设置 datetimepicker 的问题
【发布时间】：2020-09-04 23:01:11
【问题描述】：

我目前在 django 中使用 Tempus Dominus 作为我的日期时间选择器。在我的 models.py 中有

class DateForm(forms.Form):
    date = forms.DateTimeField(
    input_formats=['%d/%m/%Y %H:%M'],
    widget=forms.DateTimeInput(attrs={
        'class': 'form-control datetimepicker-input',
        'data-target': '#datetimepicker1'
    })
)

在我的模板中我有

     <h5>When would you like to pickup? *</h5>
          <div class="input-group date" id="datetimepicker1" data-target-input="nearest">
            <input type="text">
            {{ form.date }}
            <div class="input-group-append" data-target="#datetimepicker1" data-toggle="datetimepicker">
              <div class="input-group-text"><i class="fa fa-calendar"></i></div>
            </div>
          </div>

          <script>
            $(function () {
              $("#datetimepicker1").datetimepicker({
                format: 'DD/MM/YYYY HH:mm',
              });
            });
          </script>
        </div>

我希望我的最终结果看起来像这样

但是，当我尝试添加 {{ form.date }} 而不是输入字段时，它只会显示没有输入字段的日历图标。

我当然想要数据库中的日期时间信息，但过去几个小时我一直在摸索，试图将它们联系起来，我确定我错过了一些愚蠢的东西。谢谢！！

【问题讨论】：

标签： html django twitter-bootstrap

【解决方案1】：

您是否不小心忘记在views.py 中将表单传递给上下文？我按照你写的所有东西，我有最终的结果。我从tutorial 获取示例html 内容。我唯一添加的是将表单从views.py 传递给模板。这是我的views.py 文件。

from django.shortcuts import render

from .forms import DateForm


def home(request):
    context = {"form": DateForm()}
    return render(request, "index.html", context)

【讨论】：