日期范围也会过滤掉另一个月的同一天？

Question

我使用dt-date_range_filter，我的日期格式为yyyy-mm-dd。

将最短日期设置为2015-09-11，将最长日期设置为2015-09-24也会返回日期为2015-10-15的结果，如下所示：

这是我的电话代码：

<script type="text/javascript" language="javascript" class="init">

$(document).ready(function() {

    $(function() {
        $( "#min" ).datepicker();
    });

    $(function() {
        $( "#max" ).datepicker();
    });

    var table = $('#example').DataTable( {

    lengthChange: true,
         buttons: [
            'print'
        ],
        "oSelectorOpts": {
            page: 'current'
        },

        "footerCallback": function ( row, data, start, end, display ) {
            var api = this.api(), data;

            // Remove the formatting to get integer data for summation
            var intVal = function ( i ) {
                return typeof i === 'string' ?
                    i.replace(/[\$,]/g, '')*1 :
                        typeof i === 'number' ?
                            i : 0;
            };

            // Total over all pages
            total = api
                .column( 5 )
                .data()
                .reduce( function (a, b) {
                    return intVal(a) + intVal(b);
                } );

            // Total over this page
            pageTotal = api
                .column( 5, { page: 'current'} )
                .data()
                .reduce( function (a, b) {
                    return intVal(a) + intVal(b);
                }, 0 );

            // Update footer
            $( api.column( 5 ).footer() ).html(
                '<center>Total Sales <br>'+'P '+ pageTotal+'.00'
            );
        }
    } );
    $('#min').change( function() { table.fnDraw(); } );
    $('#max').change( function() { table.fnDraw(); } );
    table.buttons().container()
        .appendTo( '#example_wrapper .col-sm-6:eq(0)' );
} );

</script>

它根本没有过滤，因为另一个月的同一天也被过滤了？

$.fn.dataTableExt.afnFiltering.push(
    function( oSettings, aData, iDataIndex ) {

        var today = new Date();
        var dd = today.getDate();
        var mm = today.getMonth() + 1;
        var yyyy = today.getFullYear();

        if (dd<10)
        dd = '0'+dd;

        if (mm<10)
        mm = '0'+mm;

        today = yyyy+'-'+mm+'-'+dd;

        if ($('#min').val() != '' || $('#max').val() != '') {
        var iMin_temp = $('#min').val();
        if (iMin_temp == '') {
            iMin_temp = '1980-01-01';
        }

        var iMax_temp = $('#max').val();
        if (iMax_temp == '') {
            iMax_temp = today;
        }

        var arr_min = iMin_temp.split("-");
        var arr_max = iMax_temp.split("-");
        var arr_date = aData[7].split("-");

        var iMin = new Date(arr_min[2], arr_min[0], arr_min[1], 0, 0, 0, 0)
        var iMax = new Date(arr_max[2], arr_max[0], arr_max[1], 0, 0, 0, 0)
        var iDate = new Date(arr_date[2], arr_date[0], arr_date[1], 0, 0, 0, 0)

        if ( iMin == "" && iMax == "" )
        {
            return true;
        }
        else if ( iMin == "" && iDate < iMax )
        {
            return true;
        }
        else if ( iMin <= iDate && "" == iMax )
        {
            return true;
        }
        else if ( iMin <= iDate && iDate <= iMax )
        {
            return true;
        }
            return false;
        }
    }
);

Answer 1

在Javascript中使用Date构造函数的方式有误。

  

创建一个代表单个时刻的JavaScript Date实例。 Date个对象基于时间值，即自UTC时间1970年1月1日以来的毫秒数。

     

构造

new Date();
new Date(value);
new Date(dateString);
new Date(year, month[, day[, hour[, minutes[, seconds[, milliseconds]]]]]);

您使用的最后一个构造函数的顺序为year, month, day。

但是，你的代码会这样做，转述：

'2015-10-15'.split("-");

返回此数组：

[0]: "2015"
[1]: "10"
[2]: "15"

然后你写下这个：

new Date(arr_date[2], arr_date[0], arr_date[1], 0, 0, 0, 0)

这意味着：

new Date("15", "2015", "10", 0, 0, 0, 0)

您输入的订单为day, year, month，导致日期错误。

您当前的输入结果如下：

min:  Array [ "2015", "09", "11" ]
max:  Array [ "2015", "09", "24" ]
date: Array [ "2015", "10", "15" ]

min:  Date 2078-12-08T23:00:00.000Z
max:  Date 2091-12-08T23:00:00.000Z
date: Date 2082-12-09T23:00:00.000Z

您生成了错误的日期，导致过滤器失败，因为2082-12-09T23:00:00.000Z确实位于2078-12-08T23:00:00.000Z和2091-12-08T23:00:00.000Z之间。

因此正确的代码如下：

var iMin  = new Date( arr_min[0],  arr_min[1],  arr_min[2], 0, 0, 0, 0);
var iMax  = new Date( arr_max[0],  arr_max[1],  arr_max[2], 0, 0, 0, 0);
var iDate = new Date(arr_date[0], arr_date[1], arr_date[2], 0, 0, 0, 0);