Javascript 选择选择选项时运行Jquery dateRangePicker函数

当我从选择字段中选择一个选项时，如何执行此daterangepicker函数：

最终，这就是我希望能够做到的：

通过daterangepicker的内置功能更改日期范围-选择默认选项，如30天、7天、自定义范围等-这已经可以正常工作 如果用户更改topSellingMaxAmount选择选项。 ======更新我删除了我原来的测试代码，它太模糊了==========

这是我的实际代码：

<select id="topSellingMaxAmount" style="margin-top:7px;">
<option value="10">10</option>
<option value="25">25</option>
<option value="50" selected>50</option>
<option value="100">100</option>
<option value="200">200</option>
<option value="300">300</option>
<option value="400">400</option>
<option value="500">500</option>
</select>

 function initDPicker(){
    $('#reportrange').daterangepicker({
            ranges: {
                'Today': [moment(), moment()],
                'Yesterday': [moment().subtract('days', 1), moment().subtract('days', 1)],
                'Last 7 Days': [moment().subtract('days', 6), moment()],
                'Last 30 Days': [moment().subtract('days', 29), moment()],
                'This Month': [moment().startOf('month'), moment().endOf('month')],
                'Last Month': [moment().subtract('month', 1).startOf('month'), moment().subtract('month', 1).endOf('month')]
            },
            startDate: moment().subtract('days', 29),
            endDate: moment()
        },
        function(start, end) {
            $("#progressBar").show();
            var url = $("input#dashboardAjaxUrl").val();
            var startDate = start.format('M-D-YYYY');
            var endDate = end.format('M-D-YYYY');
            var topSellingMaxAmount = $("#topSellingMaxAmount").val();
            $.ajax({
                url: url,
                dataType: "json",
                type: "POST",
                data: {
                    startDate: startDate,
                    endDate: endDate,
                    maxAmount: topSellingMaxAmount
                },
                success: function( data ) {
                    var oTable = $("#datatableX").dataTable();
                    oTable.fnClearTable();
                    for(var i = 0; i <= data.iTotalRecords; i++) {
                        oTable.fnAddData([
                            data.aaData[i][0],
                            data.aaData[i][1],
                            data.aaData[i][2],
                            data.aaData[i][3],
                            data.aaData[i][4],
                            data.aaData[i][5]
                        ]);
                    }
                }, complete: function(){
                    $("#progressBar").hide();
                }
            });
            $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
        }
    );
}
$("#topSellingMaxAmount").on("change", function(){
    // something here to execute the datepicker to actually fire....
});
initDPicker();

谢谢你的帮助

$('#topSellingMaxAmount').on('change', function() {
 $('#reportrange').daterangepicker({options in here}); 
  alert( 'popup' ); 
});

---

我相信，当进行选择时，这将调用datepicker弹出窗口。

对选择使用on change jquery。我想调用。daterangepicker{}将重新初始化daterangepicker-这可能不是他想要的。我记得用这个组件在karma中做了一些测试，为了启动交互，我会发送一个触发器，比如$'picker'。trigger'click'。是的，我对这个插件不太熟悉，但我只是举了个例子，因此发出了警告。我应该编辑它吗？