我的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();
});
感谢您的帮助!