Javascript 按日期列对可容纳行进行排序(gg/mm/aaaa)

Javascript 按日期列对可容纳行进行排序(gg/mm/aaaa),javascript,angularjs,sorting,footable,columnsorting,Javascript,Angularjs,Sorting,Footable,Columnsorting,我用它来展示桌子。每行都有一个日期列,我想按日期列对该表进行排序(在列标题上单击) 斯加登扎数据 蒂托洛 因维托达 链接 {{promemoria.DataScadenza}日期:“dd/MM/yyyy”} {{promemoria.Titolo}} {{promemoria.InviatoDa} 变量promemoria.DataScadenza包含格式为yyyy-mm-dd的日期,因此: 如果我使用{{promemoria.DataScadenza|date:“dd/MM/yyyy”}

我用它来展示桌子。每行都有一个日期列,我想按日期列对该表进行排序(在列标题上单击)


斯加登扎数据
蒂托洛
因维托达
链接
{{promemoria.DataScadenza}日期:“dd/MM/yyyy”}
{{promemoria.Titolo}}
{{promemoria.InviatoDa}
变量
promemoria.DataScadenza
包含格式为
yyyy-mm-dd
的日期,因此:

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

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

您可以使用表标题中的
数据格式字符串属性定义数据的自定义格式

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

<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>

斯加登扎数据
蒂托洛
因维托达
链接
{{promemoria.DataScadenza}日期:“dd/MM/yyyy”}
{{promemoria.Titolo}}
{{promemoria.InviatoDa}

它不起作用,但这只是一个时区问题,我只包含了local.js库,它工作得很好:D
<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>