AdminLTE v2.3.8。数据表日期时间列排序答案

【问题标题】：AdminLTE v2.3.8. Datatable DateTime column sortAdminLTE v2.3.8。数据表日期时间列排序
【发布时间】：2019-05-09 02:58:23
【问题描述】：

考虑这段代码（我使用 razor ASP.NET C#，但这并不重要）。我能够对所有列进行排序，但最后一个是按字符串排序的日期时间。我只是想知道是否可以使用 AdminLTE 数据表对日期时间列进行排序，无论是否（更好）添加插件。

      <div class="table-responsive">
          <table id="tableClienti" class="table table-bordered table-striped table-hover">
              <thead>
                  <tr>
                      <th>Zona</th>
                      <th>Classe</th>
                      <th>Rag Soc</th>
                      <th>Indirizzo</th>
                      <th>Email/Telefono</th>
                      <th>Contatto</th>
                      <th>Email/Telefono</th>
                      <th>Ultimo Pass.</th>

                  </tr>
              </thead>
              <tbody>
                  @{

                      foreach (var r in Model)
                      {
                          <tr>
                              <td>@r.Zona</td>
                              <td>@r.ClasseCliente</td>
                              <td>@r.RagioneSociale</td>
                              <td><b>@r.Citta @r.CAP</b><br /> @r.Indirizzo</td>
                              <td>@r.Email<br /> @r.Telefono</td>
                              <td><b>@r.NomeContatto<br /> @r.CognomeContatto</b></td>
                              <td>@r.EmailContatto<br /> @r.TelefonoContatto</td>
                              <td>@r.DataUltimoPassaggio</td>
                          </tr>
                      }
                  }


              </tbody>
          </table>
      </div>

  $(function () {
        var table = $("#tableClienti").DataTable({
            paging: false,
            "sDom": '<"top"i>rt<"bottom"><"clear">',
            "scrollX": true,
            "scrollY": "45vh",
            "bSort": true
            ]
        });

【问题讨论】：

标签： javascript asp.net-mvc sorting datatables adminlte

【解决方案1】：

如果你偶然发现了这个问题，我在使用数据顺序遇到问题后解决了。

This link 展示了数据顺序的工作原理，但在同一页面上找到的这条评论对我来说是关键：

需要注意的是，带有 search() 的 data-* 属性将仅当您在每个 COL 上都使用它时才有效！！！你不能像这样混合它：

Value1 Value2 似乎Plugin-Code总是检查第一个行，然后将此值用于所有搜索操作。也许对于如果你能把它混合起来，未来会很酷；）：
最好的问候汤姆

以前，我尝试仅在“DateTime 变量”不为空时才将数据顺序添加到

。多亏了这条评论，我设置了 data-order = "DateTime variable"。当 "DateTime variable" 不为 null 时打勾，当 "DateTime variable" 为 null 时设置 data-order = 0。

所以，我修改了这段代码

<td>@r.DataUltimoPassaggio</td>

这样

@{ 
   DateTime data; 
   if (DateTime.TryParse(r.DataUltimoPassaggio.ToString(), out data)) 
   { 
      <td data-order="@(data.Ticks)">@(data.ToString())</td> 
   } 
   else 
   { 
      <td data-order="0"></td> 
   } 
}

【讨论】：