title: Sort date with dd-mm-yyyy format in IE and Chrome
body: <p>I have a column "Availability" which has date format dd-mm-yyyy. </p>
  
  <p>When I sort it ascending and descending it only works in Firefox. On other browsers specifically IE it does not work. However, if I use date format yyyy-mm-dd it works fine everywhere.</p>
  
  <p>So, I looked around and found a solution as to create a hidden column with date format yyyy-mm-dd, and point my ascending and descending to that hidden column.</p>
  
  <p>Unfortunately being novice with <code>data-tables</code> and <code>jQuery</code>, I am struggling with that part. To make matters more difficult, I have a huge filter with 25 filters, which are working on the hidden columns.</p>
  
  <p>Here is my table head:</p>
  
  <pre><code>&lt;thead&gt;
  &lt;tr&gt;
      &lt;th width="15%"&gt;Username&lt;/th&gt;   
      &lt;th style="display:none;"&gt;Primary modules&lt;/th&gt;
      &lt;th style="display:none;"&gt;Primary modules&lt;/th&gt;
      &lt;th style="display:none;"&gt;Primary modules&lt;/th&gt;
      &lt;th style="display:none;"&gt;Primary modules&lt;/th&gt;
      &lt;th style="display:none;"&gt;Primary modules&lt;/th&gt;
      &lt;th style="display:none;"&gt;Secondary modules&lt;/th&gt;
      &lt;th style="display:none;"&gt;Secondary modules&lt;/th&gt;
      &lt;th style="display:none;"&gt;Secondary modules&lt;/th&gt;
      &lt;th style="display:none;"&gt;Secondary modules&lt;/th&gt;
      &lt;th style="display:none;"&gt;Secondary modules&lt;/th&gt;
      &lt;th width="20%"&gt;Primary Role&lt;/th&gt;
      &lt;th width="20%"&gt;Secondary Role&lt;/th&gt;
      &lt;th width="20%"&gt;Location&lt;/th&gt;
      &lt;th style="display:none;"&gt;Experience&lt;/th&gt;                        
      &lt;th width="2%"&gt;&lt;?php echo get_currencysymbol($currencyid) ?&gt;&lt;/th&gt;
      &lt;th width="2%"&gt;Rate Type&lt;/th&gt;
      &lt;th width="7%"&gt;Availability&lt;/th&gt;
      &lt;th style="display:none;"&gt;sortable date&lt;/th&gt;
      &lt;th width="14%"&gt;Languages&lt;/th&gt;
      &lt;th style="display:none;"&gt;Languages&lt;/th&gt;
      &lt;th style="display:none;"&gt;Languages&lt;/th&gt;
      &lt;th style="display:none;"&gt;Nationality&lt;/th&gt;
      &lt;th style="display:none;"&gt;Nationality&lt;/th&gt;
      &lt;th style="display:none;"&gt;Nationality&lt;/th&gt;
      &lt;th style="display:none;"&gt;Nationality&lt;/th&gt;
      &lt;th style="display:none;"&gt;Nationality&lt;/th&gt;                        
  &lt;/tr&gt;
  &lt;/thead&gt;
  </code></pre>
  
  <p>and this is my jquery</p>
  
  <pre><code>$('#dt3').dataTable()
      .columnFilter({aoColumns: [
          {sSelector: "#username"},
          {sSelector: "#pmodules", type: "text", bSmart: true},
          {sSelector: "#pmodules2", type: "text", bSmart: true},
          {sSelector: "#pmodules3", type: "text", bSmart: true},
          {sSelector: "#pmodules4", type: "text", bSmart: true},
          {sSelector: "#pmodules5", type: "text", bSmart: true},
          {sSelector: "#smodules", type: "text", bSmart: true},
          {sSelector: "#smodules2", type: "text", bSmart: true},
          {sSelector: "#smodules3", type: "text", bSmart: true},
          {sSelector: "#smodules4", type: "text", bSmart: true},
          {sSelector: "#smodules5", type: "text", bSmart: true},
          {sSelector: "#primaryrole", type: "select", values: [&lt;?php echo addSingleQuotes($jobtitiles); ?&gt;]},
          {sSelector: "#secondaryrole", type: "select", values: [&lt;?php echo addSingleQuotes($jobtitiles); ?&gt;]},
          {sSelector: "#location"}, /*LOCATION PART OF THE DISPLAY TABLE BUT NOT PART OF THE SEARCH CRITERIA */
          {sSelector: "#experience", type: "number-range"},
          {sSelector: "#rate", type: "number-range"},
          {sSelector: "#ratetype", type: "select", values: [&lt;?php echo addSingleQuotes($ratetypes); ?&gt;]},
          {sSelector: "#availability", type: "date-range", sType: "uk_date" },
          {},
          {sSelector: "#languages", type: "select", values: [&lt;?php echo addSingleQuotes($languages); ?&gt;]},
          {sSelector: "#languages1", type: "select", values: [&lt;?php echo addSingleQuotes($languages); ?&gt;]},
          {sSelector: "#languages2", type: "select", values: [&lt;?php echo addSingleQuotes($languages); ?&gt;]},
          {sSelector: "#nationality", type: "text", bSmart: true},
          {sSelector: "#nationality1", type: "text", bSmart: true},
          {sSelector: "#nationality2", type: "text", bSmart: true},
          {sSelector: "#nationality3", type: "text", bSmart: true},
          {sSelector: "#nationality4", type: "text", bSmart: true},
      ]}
  );
  </code></pre>
  
  <p>How can I point my Availability to sort on the hidden column <code>sortable date</code>?</p>