1

我的 django 应用程序上有一个功能正常的日期选择器,名为tempus dominus。我在尝试将此日期选择器设置为提交而无需单击提交按钮时遇到了一些麻烦。

他们的文档很糟糕,但我终于想到了其中的一部分,看来我必须触发他们的自定义事件之一(change.datetimepicker)。下面你会发现我的实现......我的js技能很生疏,所以问题可能出在某个地方......

我的表格.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();
}); 

任何帮助表示赞赏!

4

0 回答 0