Django + Tempus Dominus-无需提交按钮即可提交django表单

时间:2020-10-20 08:06:47

标签: javascript jquery django tempus-dominus-datetimepicker

我的Django应用程序tempus dominus上有一个有效的日期选择器。我在尝试将此Datepicker设置为提交而不必单击提交按钮时遇到了麻烦。

他们的文档非常糟糕,但是我终于弄清楚了其中的至少一部分,看来我必须触发他们的自定义事件之一(change.datetimepicker)。在下面,您将找到我的实现...我的js技能非常生锈,因此问题可能出在这里...

我的 forms.py

class MyForm(forms.Form):

date_from = forms.DateField(
    required=True,
    widget=DatePicker(
        options={
            'minDate': '2018-01-20',
            'maxDate': '2020-10-20',
        },
    ),
    initial='2020-08-01',

)

date_to = forms.DateField(
    required=True,
    widget=DatePicker(
        options={
            'minDate': '2018-01-20',
            'maxDate': '2020-10-20',
        },
    ),
    initial='2020-10-19',

)

我的模板

<div class="col" id="form_div">
      <form method="post" action="." id="datetimepicker" class="form-inline justify-content-center">
        {% csrf_token %}
        {{ form.as_p}}

        <input type="submit" id="submit" value="enviar"  style="width:70px" />
      </form>

    </div>

我的 js文件

    $("#datetimepicker").on("change.datetimepicker", function () {

    $( "#datetimepicker" ).submit();
}); 

感谢您的帮助!

0 个答案:

没有答案