jqGrid 字符串自定义格式,如日期格式

Posted

技术标签:

【中文标题】jqGrid 字符串自定义格式,如日期格式【英文标题】:jqGrid string custom format like date format 【发布时间】:2019-02-16 13:16:33 【问题描述】:

我正在尝试使用 jqGrid 在网页上打印 json 数据, 但也有一些问题。

这是我的 js 脚本代码。

$('#sometables').jqGrid(
    ...
    ...
    ...
    colNames: ['created_date'], 
    colModel: [ name: 'created_date', align: 'center ], 
    ...
    ...
    ...
);

created_date是json数据(原java String类型)。

所以,我可以在网页网格上看到created_date,就像这样:20180912093510, 这意味着 2018/09/12 09:35:10。

问题是:如何在 jqgrid 中格式化字符串类型?

我想看2018/09/12 09:35:10,而不是20180912093510

我先试了:

name: 'created_date', align: 'center', formatter: 'date', formatoptions: newformat: 'Y/m/d H:i:s',

但结果是:NaN/NaN/NaN NaN:NaN:NaN

我尝试了第二次:

name: 'created_date', align: 'center', formatter: 'date', formatoptions: srcformat: 'string', newformat: 'Y/m/d H:i:s',

但结果是:1970/01/01 00:00:00

我可以将字符串数据转换为类似日期的数据吗?必须制作字符串格式化功能吗?如果可以,请举一些例子。

【问题讨论】:

您使用哪个datatype?您使用 jqGrid 的哪个 版本 以及 jqGrid 的哪个 fork(free jqGrid、商业Guriddo jqGrid JS 或版本 "date" 支持或使用自定义格式化程序(可以选择在内部调用预定义的格式化程序 "date")。 【参考方案1】:

例如,您可以使用自定义格式化程序,它在内部调用预定义的日期格式化程序。相应的代码可能如下所示:


    name: "created_date",
    align: "center",
    sorttype: "integer",
    formatter: function (cellValue, options, rowdata, action) 
        var fixedValue = cellValue.substr(0, 4) + "-" +
                cellValue.substr(4, 2) + "-" +
                cellValue.substr(6, 2) + "T" +
                cellValue.substr(8, 2) + ":" +
                cellValue.substr(10, 2) + ":" +
                cellValue.substr(12);
        return $.fn.fmatter.call(this, "date", fixedValue, options, rowdata, action);
    ,
    formatoptions: 
        srcformat: "ISO8601Long",
        newformat: "Y/m/d H:i:s"
    

见https://jsfiddle.net/OlegKi/7pzy2x86/1/

【讨论】:

以上是关于jqGrid 字符串自定义格式,如日期格式的主要内容,如果未能解决你的问题,请参考以下文章

使用自定义日期格式后,jQGrid DateFilter无法正常工作

jqGrid 3.5 - 日期根本没有被格式化

jqGrid 日期格式化 只显示日期,如何去掉 小时分

SpringBoot中使用@RequestBody时如何自定义需要转换的日期格式

日期格式 JSON jqgrid

cad文本插入日期格式没有