jquery - 从 Datepicker 获取数据并将其发送到 URL

Question

我的网站上有两个日期选择器，我想知道如何在用户单击“提交”后获取所选日期，并将用户发送到包含日期选择器数据的页面，如下所示:

www.url.com/start=2017-01-28&end=2017-01-29

所以简而言之，我需要获取数据并将其放在网址中的“=”后面，然后自动将用户发送到该网址。

请问我该怎么做？

Answer 1

我创建了一个名为 handleFilterEvent 的方法，每次更改日期时，它都会使用开始日期和结束日期参数调用该方法。然后它将创建一个包含开始日期和结束日期的 URL，最后它将重定向到新 URL。

             $(document).ready(function(){
                $('.daterange-btn').daterangepicker(
                    {
                        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')]
                        },
                        startDate: moment().subtract(29, 'days'),
                        endDate  : moment(),
                    },
                    function (start, end) {
                        $('.daterange-btn').find('span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'))
                        handleFilterEvent(start,end);
                    }
                )
                function handleFilterEvent(startDate = null,endDate = null){
                    var url = "https://www.google.com"+'?';
                    var startDate = startDate ? startDate.format('YYYY-MM-DD') : '';
                    var endDate = endDate ? endDate.format('YYYY-MM-DD') : '';
                    var params = {};
                    if(startDate && endDate){
                        params.start_date =  startDate;
                        params.end_date =  endDate;
                    }
                    url+= jQuery.param( params );
                    location.href = url;
                }
            });