2015-04-23 49 views
1

我有其中显示日期的列。我正在使用数据表显示表。 我已经使用数据表的column Render函数呈现日期列,并使用yadcf列过滤器插件来过滤数据。它在过滤器元素中显示日期选择器,但在从中选择日期后不过滤数据。日期过滤器类型不工作在yadcf插件

$(table_id).dataTable({ 
     aaData: $.parseJSON(records), 
"aoColumnDefs": [{ 
       "bSortable": false, 
       "aTargets": [1], // <-- gets last column and turns off sorting 
       "mData": null, 
       "mRender": function(data, type, full) { 
        var cdate = row.date; 
        return cdate.replace(/(\d{4})-(\d{2})-(\d{2})/, "$3-$2-$1"); 
}}] 
}).yadcf([{column_number: 1, filter_type: "date"}]); 
+0

请提供一个jsbin/jsfiddle你的样本,所以我可以调试它... – Daniel

+0

https://jsfiddle.net/0ztkz9ey/5/ –

回答

1

尝试latest yadcf version,也因为你使用的是-如日期sepaartor您需要使用date_format: 'dd-mm-yy'

更新代码养活yadcf:

.yadcf([{column_number: 1, 
     filter_type: "date", 
     date_format: 'dd-mm-yy' 
}]); 

这里是一个working jsfiddle(不知道如果你打算使用dd-mm-yymm-dd-yy

+0

我使用它的引导程序3.选择日期后它不会关闭datepicker和不过滤数据 –

+0

botstrap 3 datepicker插件“http://www.eyecon.ro/bootstrap-datepicker/” –

+0

目前yadcf只支持jquery日期选择器,为了开始你更好地切换到https://github.com/eternicode/bootstrap-datepicker,如果你想要yadcf为了支持它,你应该在yadcf github页面上打开一个新的问题 – Daniel