title: Datatables date range filter
body: <p>How to add date range filter..</p>
  
  <p>like <strong>From-To</strong> .</p>
  
  <p>I got working regular search and pagination, etc..
  But I dont know how to make date range filter.</p>
  
  <p>I'm using Datatables 1.10.11 version.</p>
  
  <p>My code:</p>
  
  <pre><code>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 : '&lt;"table-controls-top"fl&gt;rt&lt;"table-controls-bottom"ip&gt;',
          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 &lt;= api.page.len()) {
                  paginateRow.css('display', 'none');
              } else {
                  paginateRow.css('display', 'block');
              }
          }
      });
  
      oTable.on( 'length.dt', function ( e, settings, len ) {
          updateSession({ iDisplayLength: len });
      });
  }
  </code></pre>
  
  <p>And I'm using NaturalSort 0.7 version.</p>