如何添加日期範圍過濾器..數據表日期範圍過濾
像從 - 到。
我得到了常規搜索和分頁等工作。 但我不知道如何使日期範圍過濾器。
我正在使用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