在数据表插件中添加 2 个搜索选项

Question

我想在现有面板中添加 2 个搜索选项： http://103.239.252.98/app_sms_log_panel/home.php

凭证如下： 用户名：管理员 通过：Nopass1234

我想补充的是： 2 个搜索选项。

1.从日期 2.至今

结果会怎样？根据搜索，它将在 2 个日期之间显示所需的行。

我该怎么做？

Answer 1

使用以下代码添加 2 个搜索选项：

JS

 $.fn.dataTable.ext.search.push(
            function( settings, data, dataIndex ) {
                var min = parseInt( $('#min').val(), 10 );
                var max = parseInt( $('#max').val(), 10 );
                var age = parseFloat( data[3] ) || 0; // use data for the age column
        if (( isNaN( min ) && isNaN( max )) ||
             ( isNaN( min ) && age <= max ) ||
             ( min <= age   && isNaN( max ) ) ||
             ( min <= age   && age <= max ) )
        {
            return true;
        }
        return false;
    }
    );

$(document).ready(function() {
    var table = $('#example').DataTable();

    // Event listener to the two range filtering inputs to redraw on input
    $('#min, #max').keyup( function() {
        table.draw();
    } );
} );

HTML

<tbody><tr>
            <td>Minimum age:</td>
            <td><input type="text" id="min" name="min"></td>
        </tr>
        <tr>
            <td>Maximum age:</td>
            <td><input type="text" id="max" name="max"></td>
        </tr>