2015-04-27 4 views
0

Мой столбец даты не сортируется правильно, это похоже на сортировку обычного номера, а не на соответствующий столбец даты.JQuery Datatable Sort Date column простым способом

Я использую javascript ниже для всех типов данных, которые у меня есть в своем приложении, поэтому он является общим для всех, поэтому я не устанавливаю информацию о столбцах, поэтому я оставляю его выбранным автоматически с помощью данных datatable. Таким образом, можно корректно сортировать свой столбец даты? Или мне нужно установить что-то вроде формата столбца?

table.dataTable({ 
       stateSave: true, 
       "bLengthChange": false, 
       "bFilter": searchable, 
       "columnDefs": [{ 
        "orderable": false, 
        "targets": [0] 
       }], 
       "order": [ 
        [1, 'asc'] 
       ], 
       "bSort": true, 
       "lengthMenu": [ 
        [10, 20, 50, 100, 150, -1], 
        [10, 20, 50, 100, 150, "All"] 
       ], 
       "iDisplayLength": 10, 
       "pageLength": 10 
      }); 

Ниже мой взгляд, я использую MVC

<table class="table table-bordered" id="datatableList"> 

     <thead class="heading"> 
      <tr> 
       <th class="table-checkbox"><input type="checkbox" class="group-checkable" /></th> 
       <th>ID</th> 
       <th>Date</th> 
       <th>Account Name</th> 
      </tr> 
     </thead> 

     <tbody> 

      @foreach (var item in Model.AllLabourCharges.OrderByDescending(x => x.Date)) 
      { 
       <tr> 
        <td><input type="checkbox" class="checkboxes" value="@item.Id" /></td> 
        <td>@Html.ActionLink(item.Id.ToString(CultureInfo.InvariantCulture).PadLeft(4, '0'), "Form", new { item.Id })</td> 
        <td>@item.Date.Date.ToString(GeneralHelper.DateFormat)</td> 
        <td>@Html.EmptyIfNull(x => item.Account.AccountName)</td> 
       </tr> 
      } 

     </tbody> 
    </table> 

ниже моей ссылки:

<script src="~/Content/assets/global/plugins/select2/select2.min.js" type="text/javascript"></script> 
<script type="text/javascript" src="~/Content/assets/global/plugins/datatables/media/js/jquery.dataTables.min.js"></script> 
<script type="text/javascript" src="~/Content/assets/global/plugins/datatables/extensions/ColReorder/js/dataTables.colReorder.min.js"></script> 
<script type="text/javascript" src="~/Content/assets/global/plugins/datatables/extensions/Scroller/js/dataTables.scroller.min.js"></script> 
<script type="text/javascript" src="~/Content/assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.js"></script> 

ответ

0

Вам нужно определить все столбцы первой.

0

Вы должны быть точным форматом, как формат даты, должен быть как javascript, так что может быть еще одна вещь для даты.

вы можете добавить значение скрытого дате с указанием значения отображаемой даты.

У меня возникла такая же проблема с полем даты и разрешена, как указано выше.