Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JQuery Datatable以一种简单的方式对日期列进行排序_Javascript_Jquery_Jquery Plugins_Jquery Datatables - Fatal编程技术网

Javascript JQuery Datatable以一种简单的方式对日期列进行排序

Javascript JQuery Datatable以一种简单的方式对日期列进行排序,javascript,jquery,jquery-plugins,jquery-datatables,Javascript,Jquery,Jquery Plugins,Jquery Datatables,“我的日期”列排序不正确,它看起来像是对正常数字进行排序,而不是正确的日期列 我对应用程序中的所有数据表都使用下面的javascript,因此它对所有数据表都是通用的,这就是为什么我不设置列信息,而是让数据表自动选择它。通过这种方式,是否可以使我的日期列正确排序?还是必须设置列格式之类的内容 table.dataTable({ stateSave: true, "bLengthChange": false,

“我的日期”列排序不正确,它看起来像是对正常数字进行排序,而不是正确的日期列

我对应用程序中的所有数据表都使用下面的javascript,因此它对所有数据表都是通用的,这就是为什么我不设置列信息,而是让数据表自动选择它。通过这种方式,是否可以使我的日期列正确排序?还是必须设置列格式之类的内容

 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>

身份证件
日期
帐户名
@foreach(Model.AllLabourCharges.OrderByDescending(x=>x.Date)中的var项)
{
@ActionLink(item.Id.ToString(CultureInfo.InvariantCulture).PadLeft(4,'0'),“Form”,新的{item.Id})
@item.Date.Date.ToString(GeneralHelper.DateFormat)
@Html.EmptyIfNull(x=>item.Account.AccountName)
}
以下是我的参考资料:

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


您需要首先定义所有列。

您的数据应该是与日期一样的精确格式,格式应该与javascript日期一样,因此可以为日期添加更多内容

可以将隐藏日期值与显示日期值一起添加

我面临与日期字段相同的问题,并按照上述解决方案解决