title: DataTables Columns searchable:false also disables Date-Range Search
body: <p>I have a Datatbles Table that looks like this:
  <a href="https://i.stack.imgur.com/xglhw.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xglhw.jpg" alt="enter image description here"></a></p>
  
  <p>The custom jQueryUI From-To <strong>DatePicker used to work before i had to make the DateTime column "searchable: false"</strong>. I did this because i don't want Date-Time results to be included in Search field filter.</p>
  
  <pre><code>$(document).ready(function() {
  var table = $('#myTable').DataTable({       
  ...,        
      columnDefs: [
              //column 6 set to "not searchable"" 
              { "searchable": false, targets: [6] }
          ]
  ....
          $('#from').change( function() { 
          table.draw(); } );
          $('#to').change( function() { 
          table.draw(); } );
  } );
  </code></pre>
  
  <p>This is the From-To Date range implementation:</p>
  
  <pre><code>//Date Range Picker
  $(function() {
  $( "#from" ).datepicker({
    onClose: function( selectedDate ) {
      $( "#to" ).datepicker( "option", "minDate", selectedDate );
    }
  });
  $( "#to" ).datepicker({
    onClose: function( selectedDate ) {
      $( "#from" ).datepicker( "option", "maxDate", selectedDate );
    }
  });
  });
  
  $.fn.dataTableExt.afnFiltering.push(
      function( oSettings, aData, iDataIndex ) {
          var iFini = document.getElementById('from').value;
          var iFfin = document.getElementById('to').value;
          var iStartDateCol = 6;
          var iEndDateCol = 6;         
  );
  </code></pre>
  
  <p>Anyone can figure out what do to have both <strong>From</strong>-<strong>To</strong> and <strong>Search</strong> work?</p>