Question

我在表中使用数据表函数，但是我已经自定义了日期
过滤器，因为最初我显示的是6个月的记录，但是在自定义日期过滤器中，我进行了查询，甚至可以获取最近两年的记录。

现在的问题是，当选择此类过滤器并显示记录时，数据表功能不会在此类记录上运行，因为这些记录最初不在数据表中。

我希望在获取自定义日期过滤器的记录时，可以使用数据表功能进行排序，搜索和分页。

请查看以下代码：

HTML：

<div class="form-group" style="width:50%">      
                <div class="input-group input-daterange">
                    <input type="text" id="min" class="form-control" value="" placeholder="Start Date">     
                    <span class="input-group-addon">to</span>                   
                    <input type="text" id="max" class="form-control" value="" placeholder="End Date">
                </div>          
                <br>
                <center>
                <button class="btn btn-primary" onclick="fromto()">Submit</button>
                <button class="btn btn-danger" onclick="removeFilter()">Remove Filter</button>
                </center>
            </div>

JS：

  function fromto(){
    var fromDate = document.getElementById('min').value;  
    var toDate = document.getElementById('max').value;  

    if(fromDate=='' || toDate==''){
        alert("Please select a valid date");
    }
    else{
        $.post("../db/get_inspections.php",{fromDate:fromDate,toDate:toDate}, function(x){
            var table = document.getElementById("example1");
            var rowCount = table.rows.length;

            for(var j=rowCount-1;j>0;j--){
                table.deleteRow(j);
            }
            var data = JSON.parse(x);
            for(var i=0; i<data.length;i++){
                //alert(data[i].hseresult);
                $('#example1').append('<tr><td><input type="checkbox" name="table_checkbox" value="'+data[i].inspection_id+'"></td><td>'+data[i].station+'</td><td>'+data[i].outlet_code+'</td><td>'+data[i].division+'</td><td>'+data[i].salesarea+'</td><td>'+data[i].inspectedby+'</td><td>'+data[i].date+'</td><td>'+data[i].time+'</td><td><button class="'+data[i].gainlossresult+'" onclick="inspection(\''+data[i].inspection_id+'\',\''+data[i].station+'\',\''+data[i].outlet_code+'\',\''+data[i].division+'\',\''+data[i].salesarea+'\',\''+data[i].date+'\',\''+data[i].time+'\',\''+data[i].station_type+'\',\''+data[i].outlet_category+'\')" type="button">Inspection</button>&nbsp;<button class="'+data[i].hseresult+'" onclick="hse(\''+data[i].inspection_id+'\',\''+data[i].station+'\',\''+data[i].outlet_code+'\',\''+data[i].division+'\',\''+data[i].salesarea+'\',\''+data[i].date+'\',\''+data[i].time+'\')" type="button">HSE</button>&nbsp;<button class="'+data[i].fcresult+'" onclick="forecourt(\''+data[i].inspection_id+'\',\''+data[i].station+'\',\''+data[i].outlet_code+'\',\''+data[i].division+'\',\''+data[i].salesarea+'\',\''+data[i].date+'\',\''+data[i].time+'\')" type="button">FORECOURT</button>&nbsp;<button class="btn btn-danger" onclick="remove(\''+data[i].inspection_id+'\')" type="button"><span class="glyphicon glyphicon-remove"></span></button></td>'+'</tr>');
            }


        });
    }
  }

请指导我如何解决此问题。非常感谢您的帮助。谢谢

在Javascript

0 个答案: