如何添加日期范围过滤器..数据表日期范围过滤
像从 - 到。
我得到了常规搜索和分页等工作。 但我不知道如何使日期范围过滤器。
我正在使用Datatables 1.10.11版本。
我的代码:
var oTable;
function callFilesTable($sPaginationType, $bPaginate, $bFilter, $iDisplayLength, $fnSortcol, $fnSortdir){
$.extend($.fn.dataTableExt.oStdClasses, {
sSortAsc : 'header headerSortDown',
sSortDesc : 'header headerSortUp',
sSortable : 'header'
});
oTable = $('#sort').DataTable({
dom : '<"table-controls-top"fl>rt<"table-controls-bottom"ip>',
pagingType : $sPaginationType,
paging : $bPaginate,
searching : $bFilter,
pageLength : $iDisplayLength,
order : [ [$fnSortcol, $fnSortdir] ],
columnDefs : [
{
width : '50%',
targets : [ 2 ],
orderable : true,
searchable : true,
type : 'natural'
},
{
width : '10%',
targets : [ 3 ],
orderable : true
},
{
width : '20%',
targets : [ 4 ],
orderable : true
},
{
targets : ['_all'],
orderable : false,
searchable : false
}
],
language : paginationTemplate,
drawCallback : function() {
checkSelecta();
placeHolderheight();
// hide pagination if we have only one page
var api = this.api();
var pageinfo = api.page.info();
var paginateRow = $(this).parent().find('.dataTables_paginate');
if (pageinfo.recordsDisplay <= api.page.len()) {
paginateRow.css('display', 'none');
} else {
paginateRow.css('display', 'block');
}
}
});
oTable.on('length.dt', function (e, settings, len) {
updateSession({ iDisplayLength: len });
});
}
而且我使用NaturalSort 0.7版本。
datatables网站上有一个范围插件,你看看它吗? https://www.datatables.net/examples/plug-ins/range_filtering.html – Bindrid
@Bindrid是的,但没有工作。获取错误:Uncaught TypeError:无法读取Array上未定义的 的属性'substring'。(range_dates.js:30) –
我在玩它。如果我得到我的工作,我会发布它 – Bindrid