datatablesでjqueryとbootstrap datetimepickerを使用すると、予期しない動作が発生する

Question

ブートストラップdatetimepickerは動作しますが（https://eonasdan.github.io/bootstrap-datetimepicker/）、データテーブルはフィルタリングされません。 datetimepickerを実装せずに手動で日付を挿入すると、データテーブルフィルタが使用されます。

最小/最大（最小ID番号と最大ID番号）とfini/ffin（レコードの作成日と終了日）の4つのフィールドがあります。

最小/最大は正常に動作し、期待通りです。

フィニッシュフィールドフィーチャーは、datetimepickerをフィールドに付けないとうまくいきます（たとえば、2016-12-01や2016-12-01のように手動で日付を入力します）。私は以下のように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(); 
    }); 
}); 

Answer 1

私は、日付範囲のデータを取得するjs fiddle demoを作成しました。詳細については

参照してください。

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