javascript - 按日期列对可脚注行进行排序 (gg/mm/aaaa)

Question

我正在使用 footable library用于显示表。每行都有一个日期列，我想按日期列(在列标题上单击)对该表进行排序。

<table class="footable table table-stripped toggle-arrow-tiny">
<thead>
  <tr>
    <th data-type="date-eu">Data Scadenza</th>
    <th>Titolo</th>
    <th>Inviato da</th>
    <th>Link</th>
  </tr>
</thead>
<tbody>
  <tr ng-repeat="promemoria in elencoPromemoria">
    <td>{{promemoria.DataScadenza | date:"dd/MM/yyyy"}}</td>
    <td>{{promemoria.Titolo}}</td>
    <td>{{promemoria.InviatoDa}}</td>
    <td><a ng-show="promemoria.Link" ng-attr-ui-sref="{{promemoria.Link || false}}"><i class="fa fa-search-plus"></i></a></td>
  </tr>
</tbody>

变量 promemoria.DataScadenza 包含格式为 yyyy-mm-dd 的日期，因此:

• 如果我使用{{promemoria.DataScadenza | date:"dd/MM/yyyy"}} 我可以看到正确的欧元区 (dd/mm/yyyy) 样式的日期，但无法正确排序。
• 如果我使用 {{promemoria.DataScadenza}} 我可以正确排序，但我看到的日期是美国区 (yyyy-mm-dd) 样式。

PS:其他两列(Titolo、InviatoDa)按字母顺序排序并且工作正常。

Answer 1

您可以使用表头中的 data-format-string 属性来定义数据的自定义格式。

下面是你的代码的重新定义版本

<table class="footable table table-stripped toggle-arrow-tiny">
<thead>
  <tr>
    <th data-type="date" data-format-string="dd/MM/yyyy">Data Scadenza</th>
    <th>Titolo</th>
    <th>Inviato da</th>
    <th>Link</th>
  </tr>
</thead>
<tbody>
  <tr ng-repeat="promemoria in elencoPromemoria">
    <td>{{promemoria.DataScadenza | date:"dd/MM/yyyy"}}</td>
    <td>{{promemoria.Titolo}}</td>
    <td>{{promemoria.InviatoDa}}</td>
    <td><a ng-show="promemoria.Link" ng-attr-ui-sref="{{promemoria.Link || false}}"><i class="fa fa-search-plus"></i></a></td>
  </tr>
</tbody>