bootstrap-datepicker和Django模板,一种简单的方法

时间:2018-09-18 12:56:31

标签: python django bootstrap-datepicker

我想在模板中使用日期选择器。有没有一种方法可以忽略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 }}作为名称吗?不幸的是,这种解决方案对我不起作用。

1 个答案:

答案 0 :(得分:1)

您可以使用HTML或Bootstrap定义自定义输入字段,只要您让Django知道forms.py中的哪个输入字段就意味着您。为此,您可以在HTML输入字段中指定正确的id

例如,如果您有一个在forms.py中使用DateField的表单:

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进行硬编码。

呈现模板时,{{ form.date }}将呈现为HTML输入表单,这是您在forms.py中指定的表单。