jQuery DataTable导出CSV时自定义时间戳格式的方法

你可以通过DataTables按钮的exportOptions配置自定义导出格式，避免时间戳的秒数被截断。以下是两种可行的实现方式：

方式一：在导出按钮中指定列格式 #

直接修改CSV按钮的配置，通过format.body函数针对时间戳列返回完整的带秒字符串：

dom: '<lBfrtip>', 
buttons: [
    { 
        extend: 'csv',
        exportOptions: {
            format: {
                body: function (data, row, column, node) {
                    // 替换column === 2为你实际的时间戳列索引（从0开始计数）
                    if (column === 2) {
                        // 返回完整的带秒时间戳，确保导出时不被截断
                        return data;
                    }
                    // 其他列保持原有内容
                    return data;
                }
            }
        }
    },
]

方式二：通过列渲染区分显示与导出格式 #

如果需要页面显示和导出格式不同（比如页面不带秒，导出带秒），可以在DataTable初始化时给时间戳列配置render函数：

$(document).ready(function() {
    $('#your-table-id').DataTable({
        dom: '<lBfrtip>',
        columns: [
            // 其他列的配置
            {
                data: 'timestamp', // 替换为你的数据源时间字段名
                render: function(data, type, row) {
                    // type为'export'时用带秒的格式，'display'为页面显示格式
                    if (type === 'export') {
                        // 这里可以根据你的时间格式需求调整，示例格式和你提供的一致
                        return new Date(data).toLocaleString('en-US', { 
                            month: 'numeric', 
                            day: 'numeric', 
                            year: '2-digit', 
                            hour: 'numeric', 
                            minute: 'numeric', 
                            second: 'numeric', 
                            hour12: true 
                        });
                    }
                    // 页面显示可以选择不带秒，或者和导出一致
                    return new Date(data).toLocaleString('en-US', { 
                        month: 'numeric', 
                        day: 'numeric', 
                        year: '2-digit', 
                        hour: 'numeric', 
                        minute: 'numeric', 
                        hour12: true 
                    });
                }
            }
        ],
        buttons: [
            { extend: 'csv' }
        ]
    });
});

注意事项 #

• 替换代码中的列索引、数据源字段名为你实际的配置。
• 如果使用了日期处理库（如moment.js），可以用库的格式化方法替代原生toLocaleString，兼容性更好。

内容的提问来源于stack exchange，提问作者Pooja