如何通过datatable.js更改生成的表中的日期时间格式？ [英] How change datetime formate in generated table by datatable.js?

问题描述

我已经使用 datatable.js 。它显示日期时间字段显示为 YYYY-MM-DD HH：MM：SS ，但是我想将此生成时间格式更改为 dd-mm -yyyy

I have displayed a datatable using datatable.js . it shows datetime field shown as in YYYY-MM-DD HH:MM:SS , but i want to change this generate time format to dd-mm-yyyy

推荐答案

您可以使用<$ c $格式化日期在DataTable中的显示方式。 c> render 选项。在呈现器中，您可以定义自定义方式来显示日期，或使用 Date.toLocaleDateString 方法对其进行格式化。 MDN参考： Date.prototype.toLocaleDateString（）

You can format how the date is rendered in DataTable by using render option. In render you can define your custom way to display the date, or use Date.toLocaleDateString method to format it. MDN reference: Date.prototype.toLocaleDateString()

var payload = [{ date: new Date() }];

var table = $('#table').DataTable({

    data: payload,

    columns: [{ data: 'date', title: 'Date' }],

    "columnDefs": [{
        "targets": 0,    // column index, 0 is the first column
        "type" : "date",
        "render": function (data) {
            // US English uses month-day-year order
            var date = new Date(data);
            return date.toLocaleDateString('en-US'); // 4/25/2018
        }
    }]
});

这篇关于如何通过datatable.js更改生成的表中的日期时间格式？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！