如何使用jQuery DataTables插件搜索特定列?

时间:2014-07-16 21:18:47

标签: jquery arrays jquery-plugins datatables

我使用jquery dataTable plugin来显示包含(用户名,日期和电子邮件)的表格。 我想禁用过滤/搜索用户名和电子邮件列,并只启用搜索日期。当我点击搜索字段时,我会打开一个日历来选择我们要查找的日期。

我只是想使用这个插件来过滤日期,基本上。可以这样做吗?

-edit -

我阅读了文档:dateRange但它对我不起作用我添加了

('.dataTable').dataTable()
    .columnFilter({
        sPlaceHolder: "head:before",
        aoColumns: [null, { type: "date-range" }, null]
    });

我复制了标题,但我无法获取日期字段或任何其他字段来搜索数据。

1 个答案:

答案 0 :(得分:13)

您可以使用column().search()获取特定值的搜索,例如:

  var table = $('#example-table').DataTable();

  $('#search-input').on('change', function(){

    table
    .column(4)
    .search(this.value)
    .draw();

  });

Working Demo

Refrences