数据表服务器端脚本的数字和日期范围过滤器答案

【问题标题】：Number and a date range filter for datatable serverside script数据表服务器端脚本的数字和日期范围过滤器
【发布时间】：2016-06-04 09:13:27
【问题描述】：

我正在使用 Datatable (DataTables 1.10.10) 和 Datatable Editor。对于我的服务器端脚本/表（500000 行），我想要一个数字和一个日期范围过滤器。由于简单的文本过滤器工作正常。我可以在哪里以及如何修改data.php 以使范围过滤器起作用？这是我的设置：

<html>
     <input data-column="2" id="min" name="min" type="number" min="0" max="500000"> 
     <input data-column="2" id="max" name="max" type="number" min="0" max="500000">
</html>

我的脚本：

 var table = $('#my-table').DataTable( {
    dom: "Blfrtip",
    ajax: {
        url: "/data.php",
        type: "POST",
        data: function (d) { 
            d.minDate = $('#min').val(); 
            d.maxDate = $('#max').val(); 
        },
    }
...
});

$('#min, #max').keyup( function() {
    table.ajax.reload();
});

我是否需要进一步定义......数据中的值：

function (d) { d.minDate = $('#min').val(); d.maxDate = $('#max').val(); } }, 
...

有类似的东西：

function( settings, data, dataIndex ) {
    var min = parseInt( $('#min').val(), 10 );
    var max = parseInt( $('#max').val(), 10 );
    var id = parseFloat( data[6] ) || 0; 

    if ( ( isNaN( min ) && isNaN( max ) ) ||
         ( isNaN( min ) && id <= max ) ||
         ( min <= id   && isNaN( max ) ) ||
         ( min <= id   && id <= max ) )
    {
        return true;
    }
    return false;
}

【问题讨论】：

标签： javascript php json datatable

【解决方案1】：

你可以看到：

<input type="number" min="0" max="500000">

而不是：

<input type="text">

所以在这种情况下你应该为文本输入添加验证

【讨论】：

谢谢，我做了相应的调整。但过滤器仍然不适用。我还需要做什么？我不确定我需要对上面的函数（设置、数据、数据索引）做什么。这是为客户端脚本提供的数字范围示例脚本（此处：datatables.net/examples/plug-ins/range_filtering.html）。但是我的服务器端脚本应该是什么样子的呢？

【解决方案2】：

不，你没有！

function( settings, data, dataIndex ) {
var min = parseInt( $('#min').val(), 10 );
var max = parseInt( $('#max').val(), 10 );
var id = parseFloat( data[6] ) || 0; 

if ( ( isNaN( min ) && isNaN( max ) ) ||
     ( isNaN( min ) && id <= max ) ||
     ( min <= id   && isNaN( max ) ) ||
     ( min <= id   && id <= max ) )
{
    return true;
}
return false;
}

仅适用于您的数据表实例完全在前端工作时。

既然您已经将d.minDate 和d.maxDate 传递给服务器，请尝试通过服务器端的$_POST 数组来捕获它们，然后在您的数据库查询（或您用于检索数据的任何基础设施）中使用以下内容：

 $query = '... WHERE date >= minDate & date <= maxDate ...';

使用这些参数过滤数据。

【讨论】：