title: dates not properly sorted in Angular.js
body: <p>I am relatively new to Angular.js and am having a problem with date sorting. I have looked around the web for similar issues, but haven't found any that are of quite the same flavor.  </p>
  
  <p>The situation is as follows:</p>
  
  <p>I am getting a data set back from the database (that I would like to display in a column-header sortable table), in which each record contains a date formatted as a string:</p>
  
  <pre><code>data = [
    {
      "name": "Test_1_Test",
      "creation_date": "8/2/2013 10:31:02 AM"
    },
    {
      "name": "Test_2_Test",
      "creation_date": "8/1/2013 9:12:32 AM"
    },
    {
      "name": "Test_3_Test",
      "creation_date": "9/13/2013 4:55:09 AM"
    }
  ]
  </code></pre>
  
  <p>Additionally, I am getting back a set of column headers:</p>
  
  <pre><code>headers = [
    {
      "column": "name",
      "label": "Doc Name"
    },
    {
      "column": "creation_date",
      "label": "Create Date",
      "displayFormat": {
        "dateType": "medium"
      }
    }
  ]
  </code></pre>
  
  <p>Using an ng-repeat directive to create the column headers (no trouble there):</p>
  
  <pre><code>&lt;th ng-repeat="column in smartviewColumns"&gt;
    &lt;a href="" ng-click="sortBy($index)"&gt;
      {{column.label}}
    &lt;/a&gt;
  &lt;/th&gt;
  </code></pre>
  
  <p>where the sortBy function in the controller is as follows:</p>
  
  <pre><code>$scope.sortBy = function(index){
    if ($scope.sortColumn &amp;&amp; $scope.sortColumn === $scope.columns[index]) {
      $scope.reverse = !$scope.reverse;
    }
    $scope.sortColumn = $scope.columns[index];
  }
  </code></pre>
  
  <p>Additionally, using nested ng-repeat directives to create the data rows (across each column) in the table:</p>
  
  <pre><code>&lt;tr ng-repeat="record in data | orderBy:sortColumn:reverse"&gt;
    &lt;td ng-repeat="column in headers"&gt;
      &lt;div ng-if="column.displayFormat &amp;&amp; column.displayFormat.dateType"&gt;
        {{getDate(record[column]) | date:column.displayFormat.dateType}}
      &lt;/div&gt;
      &lt;div ng-if="!smartviewColumns[$index].displayFormat"&gt;
        {{record[smartviewColAttrs[$index]]}}
      &lt;/div&gt;    
    &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>The issue is that the dates do not sort properly.  When I reverse the order, the list flips but the mis-ordering persists.  I have tried formatting the date string differently, as well as calling new Date(creation_date), both to no avail.</p>
  
  <p><a href="http://jsfiddle.net/Documental/HrGdt/">Fiddle showing similar symptom</a></p>
  
  <p>Has anyone else experienced this issue? (Additionally, i should mention that i am using a paginator as a secondary filter on the data rows, but even when excluding it the behavior persists)</p>