首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Jquery Datatables列呈现和排序

Jquery Datatables列呈现和排序
EN

Stack Overflow用户
提问于 2014-08-15 07:34:14
回答 2查看 17.5K关注 0票数 24

我正在使用一个数据表,其中包含一列YYYY-MM-DD HH:MM:SS格式的mysql时间戳。我的表最初设置为按此列排序。Datatables会正确地自动检测时间戳格式并进行相应的排序。

我现在正在尝试改变这个列的外观,使其更加用户友好,但不会影响它的排序方式。所以,我像这样使用columns.render功能:

代码语言:javascript
复制
{
        "data":"created_at",
        "name":"date",
        "visible":true,
        "title":"Date Created",
        "render": function(data, type, full, meta){
                var date = new Date(data);
                var options = {year: "numeric", month: "long", day: "numeric"};

                return date.toLocaleDateString('en-US', options);
        }
}

一旦我这样做了,排序就不再正确工作了。我的印象是render函数应该只影响数据的显示,但是仍然应该根据该行的数据对象上的底层数据进行排序。这些是我尝试使用的文档(http://datatables.net/reference/option/columns.render)。

有人知道如何根据实际的时间戳进行排序,同时显示更友好的日期吗?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-08-15 07:41:00

我想我明白了。我只需要告诉render函数只对"display“类型进行操作:

代码语言:javascript
复制
{
        "data":"created_at",
        "name":"date",
        "visible":true,
        "title":"Date Created",
        "render": function(data, type, full, meta){
                if(type == "display"){
                        var date = new Date(data);
                        var options = {year: "numeric", month: "long", day: "numeric"};

                        return date.toLocaleDateString('en-US', options);
                }

                return data;
        }
},
票数 37
EN

Stack Overflow用户

发布于 2014-08-16 15:42:59

如果它是一个服务器端的数据表,你可以做的就是在传递之前编辑一个json,就像在新数据表的ssp.class.php开头一样(告诉我你是不是在用旧的)

注意:在新的数据表中,有一个名为formatter的内置函数可以做同样的事情,但您可以使用如下的自定义函数

代码语言:javascript
复制
if ($j == 6) {
  if ($data[$i][$columns[$j]['db']] == 1) {
      $data[$i][$columns[$j]['db']] = '<label class="btn-danger disabled btn">Stopped</label>';
  } else {
      $data[$i][$columns[$j]['db']] = '<label class="btn-success disabled btn">Running</label>';
  }

在这里,我只是将数据库中的0和1编辑为已停止并正在运行的标签

您可以执行类似于parse_date的操作,并存储重新格式化的数据

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/25319193

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档