数据表日期选择器格式

时间:2019-10-19 19:55:18

标签: jquery ajax datatables

我对表的列开始日期进行多次过滤时遇到问题。 此列中填充的行数据格式为('dd-mm-yy')。 我将这种格式应用于日期选择器,但是当它尝试过滤表上的数据时似乎不起作用。

这是我的Javascript代码:

     $(document).ready(function(){
    $.fn.dataTable.ext.search.push(
    function (settings, data, dataIndex) {
        var min = $('#min').datepicker("getDate");
        var max = $('#max').datepicker("getDate");
        var startDate = new Date(data[4]);
        if (min == null && max == null) { return true; }
        if (min == null && startDate <= max) { return true;}
        if(max == null && startDate >= min) {return true;}
        if (startDate <= max && startDate >= min) { return true; }
        return false;
    }
    );


        $("#min").datepicker({ 
        dateFormat: 'dd-mm-yy', onSelect: function () { table.draw(); }, changeMonth: true, changeYear: true  });
        $("#max").datepicker({ 
        dateFormat: 'dd-mm-yy',onSelect: function () { table.draw(); }, changeMonth: true, changeYear: true  });
        var table = $('#example').DataTable();

        // Event listener to the two range filtering inputs to redraw on input
        $('#min, #max').change(function () {

            table.draw();
        });
    });

这是JsFiddle

1 个答案:

答案 0 :(得分:1)

var startDate = new Date(data[4]);行将您的日期读为mm-dd-yyyy,这将导致无效的日期。将其更改为以下行,就可以了:

var startDate = new Date(data[4].substr(6,4), data[4].substr(3,2)-1, data[4].substr(0,2));

这里是JSFiddle