【问题标题】:DataTables JS does not sort date correctly in PHP applicationDataTables JS 在 PHP 应用程序中无法正确排序日期
【发布时间】:2018-08-26 21:55:42
【问题描述】:

我的任务是在这个 PHP 应用程序中修复这个表格排序。该表使用DataTable 1.10 自动生成php blade.php 文件的数据表。

进入页面的数据使用以下格式作为“发布日期”:

uploaded_at: "2018-01-02 00:00:00"

page.blade.php

<table class="table tbl_issue" cellspacing="0" style="border: 1px solid #e9ecef;border-radius: 4px;">
                        <thead>
                            <tr>
                                <th>Issue Title</th>
                                <th>Publish Date</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if(count($data['issues']))
                                @foreach($data['issues'] as $issue)
                                @if($issue->uploaded_at >= $data['starts_date'])
                                <tr>
                                    <td>
                                        {{$issue->name}}
                                    </td>
                                    <td>{{date('m/d/Y', strtotime($issue->uploaded_at))}}</td>
                                </tr>
                                @endif
                                @endforeach
                        </tbody>
                    </table>

$(document).ready(function(){
    $('.tbl_issue').DataTable();
});

当我点击自动生成的“发布日期”过滤器时,日期没有正确排序。 (下图)

如您所见,08/18/2016 日期始终位于中间。

我怎样才能正确地得到这个排序日期?

【问题讨论】:

    标签: javascript php html datatables momentjs


    【解决方案1】:

    尝试使用 Datatables API 将该列设置为日期类型。

    例子:

    $('#example').dataTable( {
      "columns": [
          { "type": "string" },
          { "type": "date" },
      ]
    } );
    

    见参考:

    https://datatables.net/reference/option/columns.type

    【讨论】:

    • 数据表应该能够通过您输入表格的格式将其检测为日期。您应该通过 var_dumping 检查您的日期是否有填充或任何内容。
    猜你喜欢
    • 1970-01-01
    • 2019-09-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-09-02
    • 1970-01-01
    • 1970-01-01
    • 2021-01-20
    相关资源
    最近更新 更多