ajax 的 Daterange 选择器发布数据

Question

我添加了用于选择日期的脚本，单击应用按钮后我想调用 ajax 来获取数据。但它不起作用。当代码到达 ajax 它停止并且在控制台中我得到这个错误。

我正在以 POST 的形式发送数据，但在我的控制器中我刚刚收到令牌。并且日期范围未传递给控制器。

TypeError: e is undefined

我的代码如下。

$('.search_dashboard_data').daterangepicker({
            autoUpdateInput: false,
            locale: {
                cancelLabel: 'Clear'
            }
        });

        function ajaxCallForSearchedData(searched_date)
        {
            //console.log(searched_date);
            $.ajax({
                type: 'POST',
                url: '{{ route('agent.get_searched_dashboard_data') }}',
                data: {
                    'date_range': searched_date,
                    "_token": "{{ csrf_token() }}",
                },
                success: function (result) {
                    console.log('result' + result);
                    $('#all_fees_data').hide();
                    $('#searched_fees_data').html(result);
                    $('#all_time').hide();
                    $('#day').hide();
                    $('#week').hide();
                    $('#month').hide();
                    $('#searched_fees_data').show();
                }
            });
        }

        $('.search_dashboard_data').on('apply.daterangepicker', function(ev, picker) {
            /*$(this).val(picker.startDate.format('MM/DD/YYYY') + ' - ' + picker.endDate.format('MM/DD/YYYY'));*/
            /*alert($(this).val(picker.startDate.format('MM/DD/YYYY') + ' - ' + picker.endDate.format('MM/DD/YYYY')));*/

            var searched_date = $(this).val(picker.startDate.format('MM/DD/YYYY') + ' - ' + picker.endDate.format('MM/DD/YYYY'));
            ajaxCallForSearchedData(searched_date);
        });

Answer 1

尝试像这样使用：

    $('.search_dashboard_data').daterangepicker({
        autoUpdateInput: false,
        locale: {
            cancelLabel: 'Clear'
        }
    }, cb);

    function ajaxCallForSearchedData(searched_date)
    {
        //console.log(searched_date);
        $.ajax({
            type: 'POST',
            url: '{{ route('agent.get_searched_dashboard_data') }}',
            data: {
                'date_range': searched_date,
                "_token": "{{ csrf_token() }}",
            },
            success: function (result) {
                console.log('result' + result);
                $('#all_fees_data').hide();
                $('#searched_fees_data').html(result);
                $('#all_time').hide();
                $('#day').hide();
                $('#week').hide();
                $('#month').hide();
                $('#searched_fees_data').show();
            }
        });
    }

    function cb(start, end) {
        var searched_date =  start.format('MM/DD/YYYY') + ' - ' + end.format('MM/DD/YYYY');
        ajaxCallForSearchedData(searched_date);
    }

ajax 的 Daterange 选择器发布数据

Daterange picker posting data with ajax

jquery

daterangepicker

laravel