jquery - 如何指定数据表列的数据类型？

Question

这是我的 Razor 。一切工作正常。我只想要一件事。1.我有日期类型列，我想将其数据类型定义为日期时间，以便短路正常工作。我添加了下面的代码来显示我的完整实现。

<table class="table table-striped table-bordered table-hover" id="grid">
  <thead>
    <tr>
      <th>@Html.DisplayName("Order No")</th>
      <th>@Html.DisplayName("Customer")</th>
      <th>@Html.DisplayName("Dealer")</th>
      <th>@Html.DisplayName("Status")</th>
      <th>@Html.DisplayName("Date")</th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    @foreach (ServiceRequestBycountry service in Model)
     {
       <tr>
         <td>.....</td>
         <td>.....</td>
         <td>.....</td>
         <td>.....</td>
         <td>
           @if (service.CreatedOnUtc != null){
              DateTime servicedate = Convert.ToDateTime(service.CreatedOnUtc);
              @servicedate.ToLocalDate().ToString("dd-MMM-yyyy");
           }
         </td>
         <td>.....</td>
       </tr>
     }
    </tbody>
  </table>


@section scripts{
    <script type="text/javascript">
        $(function () {
            var table = $('#grid').DataTable({
                'aoColumnDefs': [{
                    'bSortable': false,
                    'aTargets': -1
                }],
                "order": [[4, "desc"]]
            });
        });
    </script>
}

I have also added the JsFidder

Answer 1

试试这个:

@section scripts{
    <script type="text/javascript">
        $(function () {
            var table = $('#grid').DataTable({
                'aoColumnDefs': [{
                    'bSortable': false,
                    'aTargets': -1
                }],
                'columnDefs': [
                    { "type": "YOUR_TYPE_HERE", "targets": TARGETED_COLUMN_HERE },
                    /* ... */
                ]
                'order': [[4, "desc"]]
            });
    });
</script>
}

更多详细信息请参见:https://datatables.net/reference/option/columns.type