将制表单元格的日期格式化为 dd/mm/yy答案

【问题标题】：Formatting date for Tabulator cell to dd/mm/yy将制表单元格的日期格式化为 dd/mm/yy
【发布时间】：2020-06-23 10:31:04
【问题描述】：

我将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;
    }

感谢您的建议。

【问题讨论】：

标签： tabulator

【解决方案1】：

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

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

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

【讨论】：

【解决方案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",
                    }
                },

【讨论】：