首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用DataTables添加数据范围过滤下拉列表

使用DataTables添加数据范围过滤下拉列表
EN

Stack Overflow用户
提问于 2017-01-16 23:03:36
回答 1查看 960关注 0票数 0

我试图向DataTables表中添加一个简单的下拉列表("30天“、"60天”、"90天“、”1年“、”所有日期“),该表将根据Date列中的值过滤该表。

我已经查看了答案,并了解了如何通过输入文本框的最小和最大范围进行过滤,但不知道如何将其移植到一个很好的下拉筛选器。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-01-17 19:35:52

这应该可以满足您的需要,但是需要一些配置:

代码语言:javascript
运行
复制
$.fn.dataTableExt.afnFiltering.push(
  function(oSettings, aData, iDataIndex) {
    if (typeof $('#duration').val() !== "undefined") {
      var duration = $('#duration').val();
      var durationBits = duration.split(" ");
      var durationInt = ~~durationBits[0];
      var durationString = durationBits[1];
      var now = moment("2013/08/11", "YYYY/MM/DD");
      var targetDate = now.subtract(durationInt, durationString);
      var iDateCol = 4;
      var colDate = aData[iDateCol];
      if (duration === "All") {
        return true;
      } else {
        return moment(colDate, "YYYY/MM/DD").isSameOrAfter(targetDate);
      }
    } else {
      return true;
    }
  }
);

您还需要动量才能可用。我有一个人为的工作例子,这里。我们基本上取一个日期,并使用moment测试列中的日期是相同的还是现在之后的日期,并执行了相关的减法。然后,当select值发生变化时,重新绘制表。希望这能有所帮助。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41686443

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档