Jquery 如何检查日期范围选择器中的日期是否更改?

Jquery 如何检查日期范围选择器中的日期是否更改?,jquery,bootstrap-4,daterangepicker,bootstrap-daterangepicker,Jquery,Bootstrap 4,Daterangepicker,Bootstrap Daterangepicker,我正在使用引导日期范围选择器,我希望,若用户更改日期,那个么我将提交新数据的表单。这是我的密码 $(document).ready(function (){ var start = moment().subtract(29, 'days'); var end = moment(); function cb(start, end) { $('#reportrange span').html(start.format('MMMM D, YYYY') + '

我正在使用引导日期范围选择器,我希望,若用户更改日期,那个么我将提交新数据的表单。这是我的密码

$(document).ready(function (){
    var start = moment().subtract(29, 'days');
    var end = moment();

    function cb(start, end) {
        $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
        $('#start_date').val(start.format('YYYY-MM-DD'))
        $('#end_date').val(end.format('YYYY-MM-DD'))
        
    }

    $('#reportrange').daterangepicker({
        startDate: start,
        endDate: end,
        ranges: {
            'Today': [moment(), moment()],
            'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
            'Last 7 Days': [moment().subtract(6, 'days'), moment()],
            'Last 30 Days': [moment().subtract(29, 'days'), moment()],
            'This Month': [moment().startOf('month'), moment().endOf('month')],
            'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
        }
    }, cb);

    cb(start, end);
})
我的表格是 我该怎么做呢。谢谢

?我想这是你回答问题的方式

$('#reportrange').on('apply.daterangepicker', function(ev, picker) {
    alert ('hello');
});
无论哪种方式,当日期更改时,您都可以使用回调(cb)提交表单,方法是添加一些触发器来提交表单,例如:$(“#someform”).submit();确保在对表单输入的每次更改中插入所选日期

此外,在示例中。我想你也会在那里找到解决办法的

我使用了您的代码,只需将span更改为input并将html更改为val,就可以了

<script type="text/javascript">
  $(document).ready(function () {
    var start = moment().subtract(29, "days");
    var end = moment();

    function cb(start, end) {
      $("#reportrange input").val(
        start.format("MMMM D, YYYY") + " - " + end.format("MMMM D, YYYY")
      );
      $("#start_date").val(start.format("YYYY-MM-DD"));
      $("#end_date").val(end.format("YYYY-MM-DD"));
      $("#someform").submit();
    }

    $("#reportrange").daterangepicker(
      {
        startDate: start,
        endDate: end,
        ranges: {
          Today: [moment(), moment()],
          Yesterday: [
            moment().subtract(1, "days"),
            moment().subtract(1, "days")
          ],
          "Last 7 Days": [moment().subtract(6, "days"), moment()],
          "Last 30 Days": [moment().subtract(29, "days"), moment()],
          "This Month": [
            moment().startOf("month"),
            moment().endOf("month")
          ],
          "Last Month": [
            moment().subtract(1, "month").startOf("month"),
            moment().subtract(1, "month").endOf("month")
          ]
        }
      },
      cb
    );

    cb(start, end);
  });
</script>

$(文档).ready(函数(){
var开始=力矩()。减去(29,“天”);
var end=力矩();
功能cb(开始、结束){
$(“#报告范围输入”).val(
start.format(“MMMM D,YYYY”)+“-”+end.format(“MMMM D,YYYY”)
);
$(“#开始日期”).val(开始格式(“YYYY-MM-DD”);
$(“结束日期”).val(结束格式(“YYYY-MM-DD”);
$(“#某物”).submit();
}
$(“#reportrange”).daterangepicker(
{
开始日期:开始,
完日期:完,
范围:{
今天:[时刻(),时刻()],
昨天:[
力矩()减去(1,“天”),
力矩()减去(1,“天”)
],
“过去7天”:[力矩().减去(6,“天”),力矩(),
“过去30天”:[力矩().减去(29,“天”),力矩(),
“本月”:[
时刻().startOf(“月”),
力矩().endOf(“月”)
],
“上个月”:[
力矩()减去(1,“月”).startOf(“月”),
力矩()减去(1,“月”).endOf(“月”)
]
}
},
cb
);
cb(开始、结束);
});
谢谢你对我的帮助谢谢