2017-01-03 36 views
0

虽然自举的DateTimePicker不工作(https://eonasdan.github.io/bootstrap-datetimepicker/)自举的DateTimePicker,我的数据表不筛选。当我手动插入日期而不实现datetimepicker时,数据表过滤器。使用jQuery,并与数据表没有做什么预期

我有4个字段来筛选我的数据表,即最小/最大(最小ID号和最大ID号)和fini/ffin(创建记录时的开始日期和结束日期)。

最小/最大做工精细和期望。

菲尼/ ffini做工精细,当我不重视的DateTimePicker到外地(如我手动输入日期像2016年12月1日和2016年12月1日)。当我附上datatimepicker像下面的他们不工作:

$(document).ready(function() { 
    var table = $('#mytable').DataTable({ 
    dom: 'Bfrtip', 
    buttons: [ 
     'copy', 'csv', 'excel', 'pdf', 'print', 'colvis' 
    ], 
     colReorder: true, 
      keys: true, 
    }); 

    // add bootstrap datepicker. If below is removed, 
    // it works if I manually insert the dates 

    $("#fini").datetimepicker({ 
     format: 'YYYY-MM-DD' 
    }); 

    $("#ffin").datetimepicker({ 
     format: 'YYYY-MM-DD' 
    }); 



    // Event listener to the two range filtering 
    // inputs to redraw on input 
    $('#min, #max').keyup(function() { 
     table.draw(); 
    }); 

    $('#fini').keyup(function() { 
     table.draw(); 
    }); 

    $('#ffin').keyup(function() { 
     table.draw(); 
    }); 
}); 
+0

什么不工作日期选择器或过滤? – charlietfl

+0

请提供您试过的js小提琴链接? –

+0

过滤不起作用。 – user3264461

回答

0

我创建了日期范围检索数据的js fiddle demo

有关详细信息,请参阅:

我已经申请搜索到日期column.you需要选择日期范围它就从该范围的数据:

http://jsfiddle.net/dipakthoke07/evcfespn/96/

+0

我喜欢这种方法的外观,但认为你可能需要调整它一下,因为它不是为我工作(英国的,所以也许这就是问题?)。 – annoyingmouse