jquery - 数据表日期选择器格式
问题描述
我对表格的列开始日期进行多次过滤时遇到问题。此列填充格式为 ('dd-mm-yy') 的行数据。我将此格式应用于我的日期选择器,但是当它尝试过滤表上的数据时,它似乎不起作用。
这是我的 Javascript 代码:
$(document).ready(function(){
$.fn.dataTable.ext.search.push(
function (settings, data, dataIndex) {
var min = $('#min').datepicker("getDate");
var max = $('#max').datepicker("getDate");
var startDate = new Date(data[4]);
if (min == null && max == null) { return true; }
if (min == null && startDate <= max) { return true;}
if(max == null && startDate >= min) {return true;}
if (startDate <= max && startDate >= min) { return true; }
return false;
}
);
$("#min").datepicker({
dateFormat: 'dd-mm-yy', onSelect: function () { table.draw(); }, changeMonth: true, changeYear: true });
$("#max").datepicker({
dateFormat: 'dd-mm-yy',onSelect: function () { table.draw(); }, changeMonth: true, changeYear: true });
var table = $('#example').DataTable();
// Event listener to the two range filtering inputs to redraw on input
$('#min, #max').change(function () {
table.draw();
});
});
这是JsFiddle
解决方案
该行var startDate = new Date(data[4]);
正在读取您的日期mm-dd-yyyy
,这会导致无效日期。将其更改为以下行,您就可以开始了:
var startDate = new Date(data[4].substr(6,4), data[4].substr(3,2)-1, data[4].substr(0,2));
这是JSFiddle