javascript - Django - 如何使日期选择器在更改时提交表单

Question

所以我的 html 中有这个 jQuery 日期选择器，如下所示:

<form id="form" method="get" action=".">
    ...
    <input class="form-control" type="text" value="{{ range }}" name="range"
    placeholder="Date range" id="daterange"><b class="caret"></b></input>
</form>

还有这个创建日期选择器的 javascript 函数:

$(document).ready(function() {
   $("#daterange").daterangepicker({
    ranges: {
     "Today": [new Date(), new Date()],
     "Yesterday": [moment().subtract("days", 1), moment().subtract("days", 1)],
     "Last Week": [moment().subtract("days", 6), new Date()],
     "Last 30 Days": [moment().subtract("days", 29), new Date()],
     "This Month": [moment().startOf("month"), moment().endOf("month")],
     "Last Month": [moment().subtract("month", 1).startOf("month"), moment().subtract("month", 1).endOf("month")],
     "Max": [moment("Jan 1, 2014"), new Date()],
    },
    opens: "right",
    onSelect: function(date, instance) {
      alert('test');
    },
    format: "YYYY-MM-DD",
    startDate: new Date(),
    endDate: new Date(),
    },
    function(start, end) {
     $("#daterange span").html(start.format("MMM D, YYYY") + " - " + end.format("MMM D, YYYY"));
    }
   );
  });

当日期选择器值更改时，如何自动提交表单？

顺便说一句:我尝试过 onchange=""和 onSelect: function {}，但都不起作用。

Answer 1

表单.html

<form id="form_id" method="get" action=".">
...
<input class="form-control" type="text" value="{{ range }}" name="range"
placeholder="Date range" id="daterange"><b class="caret"></b></input>
</form>

检查一下它应该可以工作，

 $(document).ready(function() {
 $("#daterange").daterangepicker({
  ranges: {},
  opens: "right",
  onSelect: function() {},//remove this one
  function(start, end) {},
  onChange: function(){ $("#form_id").submit();} //add this line
 });