bootstrap-datepicker和django模板，一种简单的方法

Question

我想在我的模板中使用日期选择器。有没有办法在forms.py中省略东西，只需执行以下操作：

<tr class="new">
    <form method="post">
        {% csrf_token %}
        <td>
            <input size="10" type="text" class="form-control" id="date" name="{{ form.date }}">
            <script type="text/javascript">
                $("#date").datepicker({format: "dd/mm/yyyy", autoclose: true});
            </script>
        </td>
        ...

也就是说，例如在输入中使用{{ form.date }}作为名称？不幸的是，这个解决方案对我不起作用。

Answer 1

您可以使用HTML或Bootstrap定义自定义输入字段，只要您让Django知道您的forms.py中的哪个输入字段。您可以通过在HTML输入字段中指定正确的id来完成此操作。

例如，如果您的表单在qazxsw poi中带有日期字段：

forms.py

然后，你输入的适当的

from django import forms

class YourForm(forms.Form):

    some_date = forms.DateField()
    # ... more stuff

将是id。 （而id='id_some_date'将是name。）

编辑：在你的情况下，你可以尝试name='some_date'，所以你不需要硬编码id='{{ form.date.id_for_label }}'。

渲染模板时，id将呈现为HTML输入表单，这是您在{{ form.date }}中指定的表单。