数据表无法按日期搜索

克里斯蒂安·L

我在按日期范围搜索时遇到问题。我还有时间，所以如果我搜索范围，那就找不到它。但是，如果我抽出时间。它可以正常工作，并可以找到日期范围。

我也尝试过colspan =“ 2”，但是它给出了错误：

无法设置未定义的属性“ _DT_CellIndex”

我的代码：

    $(document).ready(function () { 

            $.fn.dataTable.ext.search.push(
                function (settings, data, dataIndex) {
                    var min = $('#min').datepicker("getDate");
                    var max = $('#max').datepicker("getDate");
                    var d = data[4].split("/");
                    var startDate = new Date(d[1]+ "/" +  d[0] +"/" + d[2]);

                    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({ onSelect: function () { oTable.draw(); }, changeMonth: true, changeYear: true , dateFormat:"dd/mm/yy"});
            $("#max").datepicker({ onSelect: function () { oTable.draw(); }, changeMonth: true, changeYear: true, dateFormat:"dd/mm/yy" });
            var oTable = $('#sort').DataTable();
            $('#min, #max').change(function () {
                oTable.draw();
            });
        });

还尝试过此方法添加colspan和额外的td标签作为时间：https : //jsfiddle.net/yerz2dg2/

但是它给人错误，我在上面提到的。

恼人的老鼠

我不确定您的原始代码中发生了什么，因为JSFiddle没有对您使用的库（datepicker）的引用。但是我已经稍微重写了一下，它现在应该可以工作了：

$(document).ready(function() {
    var oTable = $('#sort').DataTable({
        initComplete: function() {
            $("#min").datepicker({
                onSelect: function() {
                    oTable.draw();
                },
                changeMonth: true,
                changeYear: true,
                dateFormat: "dd/mm/yy"
            });
            $("#max").datepicker({
                onSelect: function() {
                    oTable.draw();
                },
                changeMonth: true,
                changeYear: true,
                dateFormat: "dd/mm/yy"
            });
        }

    });
});

$.fn.dataTable.ext.search.push(
    function(settings, data, dataIndex) {
        var min = (moment($('#min').val(), "DD/MM/YYYY").isValid()) ? ~~moment($('#min').val(), "DD/MM/YYYY").format("X") : null;
        var max = (moment($('#max').val(), "DD/MM/YYYY").isValid()) ? ~~moment($('#max').val(), "DD/MM/YYYY").format("X") : null;
        var d = ~~moment(data[1], "DD/MM/YYYY").format("X");
        if (min == null && max == null) {
            return true;
        }
        if (min == null && d <= max) {
            return true;
        }
        if (max == null && d >= min) {
            return true;
        }
        if (d <= max && d >= min) {
            return true;
        }
        return false;
    }
);

工作中的JSFiddle。我添加了momentjs，因为谁真的可以为理解JS日期感到烦恼？

希望能有所帮助。

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。