我试图向DataTables表中添加一个简单的下拉列表("30天“、"60天”、"90天“、”1年“、”所有日期“),该表将根据Date列中的值过滤该表。
我已经查看了这答案,并了解了如何通过输入文本框的最小和最大范围进行过滤,但不知道如何将其移植到一个很好的下拉筛选器。
发布于 2017-01-17 19:35:52
这应该可以满足您的需要,但是需要一些配置:
$.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值发生变化时,重新绘制表。希望这能有所帮助。
https://stackoverflow.com/questions/41686443
复制相似问题