将 Tabulator 单元格的日期格式化为 dd/mm/yy

Question

我正在使用 Tabulator 作为外部 JSON 来源。来源以这种格式给出 DOB：2020-04-16T00:00:00.000+0000 我想将其转换为 dd/mm/yy

我已经包含了 moment 库。我正在使用此代码：

{title:"Date of Birth", field:"birthDate", sorter:"date", width:200, sorterParams:{format:"DD/MM/YY"}},

但没有显示任何变化 - 我只是得到原始格式。

这个我也试过了，还是不行。

    {title:"Date of Birth", field:"birthDate", sorter:"date", width:200, formatter:dateFormatter},


    //custom date formatter
    var dateFormatter = function(cell, formatterParams){
        var value = cell.getValue();

        if(value){
            value = moment(value , "YYYY/MM/DD").format("MM/DD/YYYY");
        }

        return value;
    }

感谢您的建议。

Answer 1

您需要日期时间格式化程序：

http://tabulator.info/docs/4.7/format#format-builtin

对于您的自定义格式化程序，您缺少 onRendered 参数。

Answer 2

以下 2 种格式对我有用。感谢@adrian-klaver 指向选项 #2

的指针

选项 1：

                {title:"Date of Birth", field:"dob", width:150, formatter:function(cell, formatterParams, onRendered){
                        var value = cell.getValue();
                        value = moment(value).format("DD/MM/YYYY");
                        return value;
                    }},

选项 2：

                {title:"Date of Birth", field:"dob", width:150, formatter:"datetime", formatterParams:{
                        inputFormat:"YYYY-MM-DD HH:ii",
                        outputFormat:"DD/MM/YY",
                        invalidPlaceholder:"(invalid date)",
                        timezone:"America/Los_Angeles",
                    }
                },

将 Tabulator 单元格的日期格式化为 dd/mm/yy

Formatting date for Tabulator cell to dd/mm/yy

tabulator