在datatable插件中添加2个搜索选项

时间:2016-11-23 05:12:36

标签: javascript php datatable

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

凭证如下: 用户名:admin 传球:Nopass1234

我想在此添加的内容是: 2个搜索选项。

  

1.从日期开始   2.到目前为止

会有什么结果?根据搜索,它将显示两个日期之间所需的行。

我该怎么做?

1 个答案:

答案 0 :(得分: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>