javascript DataTable日期范围过滤器

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript DataTable日期范围过滤器相关的知识,希望对你有一定的参考价值。

// Date range filter
var minDateFilter = "",
    maxDateFilter = "";

$.fn.dataTableExt.afnFiltering.push(
    function (oSettings, aData, iDataIndex) {
        if (typeof aData._date == 'undefined') {
            aData._date = new Date(aData[6]).getTime();
        }

        if (minDateFilter && !isNaN(minDateFilter)) {
            if (aData._date <= minDateFilter) {
                return false;
            }
        }

        if (maxDateFilter && !isNaN(maxDateFilter)) {
            if (aData._date >= maxDateFilter) {
                return false;
            }
        }
        return true;
    }
);


$("#datepicker_from").datepicker({
    "onSelect": function (date) {
        minDateFilter = new Date(date).getTime();
        table.draw();
    }
}).keyup(function () {
    minDateFilter = new Date(this.value).getTime();
    table.draw();
});

$("#datepicker_to").datepicker({
    "onSelect": function (date) {
        maxDateFilter = new Date(date).getTime();
        table.draw();
    }
}).keyup(function () {
    maxDateFilter = new Date(this.value).getTime();
    table.draw();
});

以上是关于javascript DataTable日期范围过滤器的主要内容,如果未能解决你的问题,请参考以下文章

使用 moment.js 设置可变日期值

jQuery DataTable 日期顺序

日期范围选择器类似于 Google Analytics 日期范围选择器? [关闭]

Laravel,两列之间的日期范围过滤器

使用javascript验证用户输入日期是不是在给定的日期范围内

数据表日期范围过滤器不起作用