jquery - 如何将日期范围选择器与ajax一起使用

Question

我正在使用日期范围选择器 JavaScript 库来选择用户的日期范围

                  $('#date_range').daterangepicker({
                    arrows:true,
                    dateFormat: 'd-M-yy',
                    rangeSplitter: 'to',
                    datepickerOptions: {
                         changeMonth: true,
                         changeYear: true,
                         minDate: new Date("01/01/2011") //Account created date
                    },
                    closeOnSelect: true,
                    onChange: function(){
                                    //ajax call goes here

                                    }
                  });

在我的 ajax 调用中，我正在更新屏幕的日期范围。但是这个 onchange 函数运行两次并且 ajax 返回旧的日期值。如果需要使用 ajax 功能和日期范围选择器的更改功能。

如果有人找到立即使用 onchange 函数并具有正确的起始日期和截止日期的解决方案，请告诉我。提前致谢

Answer 1

阅读documentation你发现

onChange: function, callback that executes whenever the date input changes (can happen twice on range selections).

我设置了一个小演示 http://jsfiddle.net/ByzYX/16/

因此 onChange 似乎是您解决方案的错误回调。我不太确定您想要在屏幕上更新什么以及为什么执行 ajax 请求，但您可以尝试使用 if 条件仅执行一次 ajax 调用。

因此，onOpen 将标志设置为true，并在执行ajax 调用后将其设置为false。在 onChange 中检查此标志。