javascript DataTable日期范围过滤器
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript DataTable日期范围过滤器相关的知识,希望对你有一定的参考价值。
// Date range filter
var minDateFilter = "",
maxDateFilter = "";
$.fn.dataTableExt.afnFiltering.push(
function (oSettings, aData, iDataIndex) {
if (typeof aData._date == 'undefined') {
aData._date = new Date(aData[6]).getTime();
}
if (minDateFilter && !isNaN(minDateFilter)) {
if (aData._date <= minDateFilter) {
return false;
}
}
if (maxDateFilter && !isNaN(maxDateFilter)) {
if (aData._date >= maxDateFilter) {
return false;
}
}
return true;
}
);
$("#datepicker_from").datepicker({
"onSelect": function (date) {
minDateFilter = new Date(date).getTime();
table.draw();
}
}).keyup(function () {
minDateFilter = new Date(this.value).getTime();
table.draw();
});
$("#datepicker_to").datepicker({
"onSelect": function (date) {
maxDateFilter = new Date(date).getTime();
table.draw();
}
}).keyup(function () {
maxDateFilter = new Date(this.value).getTime();
table.draw();
});
以上是关于javascript DataTable日期范围过滤器的主要内容,如果未能解决你的问题,请参考以下文章
使用 moment.js 设置可变日期值
jQuery DataTable 日期顺序
日期范围选择器类似于 Google Analytics 日期范围选择器? [关闭]
Laravel,两列之间的日期范围过滤器
使用javascript验证用户输入日期是不是在给定的日期范围内
数据表日期范围过滤器不起作用