代码之家  ›  专栏  ›  技术社区  ›  Giulio Mattolin

在DATABLE中添加数据包过滤数据

  •  1
  • Giulio Mattolin  · 技术社区  · 6 年前

    我想添加一个DeDePikter来过滤DATATATE中的数据。 我看到了许多例子,其中使用的是一系列日期,但我希望这个数据表只显示包含在数据表中选择的日期的数据。

    我在这里试过: https://jsfiddle.net/c9q5b0k3/3/

    我写的JavaScript代码是:

    $(document).ready(function() {
      $('.datepicker').datepicker({
        format: "yyyy/mm/dd"
      });
    
    });
    
    
    $.fn.dataTable.ext.search.push(
      function(settings, data, dataIndex) {
        var dateSelected = $('#date').val();
        var date = data[4];
        if (dateSelected === "") {
          return true;
        }
        if (date === dateSelected) {
          return true;
        }
        return false;
      }
    );
    
    $(document).ready(function() {
      var table = $('#sspTable').DataTable({
        responsive: true
      });
      $('#date').keyup(function() {
        table.draw();
      });
        });
    

    但问题是,如果我在数据包中选择一个日期,然后单击数据表中的箭头(命令数据),或者如果我按多次输入。

    怎么了?是否可以将DATEPICER添加到DATABATE的搜索栏中?

    提前谢谢!

    1 回复  |  直到 6 年前
        1
  •  1
  •   Rory McCrossan Hsm Sharique Hasan    6 年前

    你需要打电话 table.draw() 当在DePress中选择一个值时。要做到这一点,你可以修改现有的。 keyup 事件处理程序还必须包括 change ,就像这样:

    $('#date').on('keyup change', function() {
      table.draw();
    });
    

    Updated fiddle