首页 > 解决方案 > 数据表日期选择器格式

问题描述

我对表格的列开始日期进行多次过滤时遇到问题。此列填充格式为 ('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

标签: jqueryajaxdatatables

解决方案


该行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


推荐阅读