Format date in datables for dd/mm/yyyy

Question

I would like to know how to format the date I took from the database (yyyy/mm/dd) to (dd/mm/yyyy), I searched in the documentation of the plugin I am using (Datatables) and it seems that I can only change this by paying for their plugin which is the editor.datatables, I was wondering if there’s any other way I could format this date... I don’t know how much help it’ll be but follow the code:

//PESQUISA NOME
$(document).ready(function(){
//PUXA OS DADOS DA TABELA PELOS DADOS NO JSON
$('#my-table-nome').DataTable({
    ajax: 'http://localhost:8080/pesquisar/dados-tabelas',

    columns: [
        {data: 'nome',          title: 'Nome'},
        {data: 'siape',         title: 'Siape'},
        {data: 'unidade',       title: 'Unidade'},
        {data: 'funcao',        title: 'Denominação da função'},
        {data: 'codigo',        title: 'Codigo'},
        {data: 'nivel',         title: 'Nivel'},
        {data: 'tipoat',        title: 'Tipo AT'},
        {data: 'cpf',           title: 'CPF'},
        {data: 'ingresso',      title: 'Data de ingresso'},
        {data: 'portaria',      title: 'Portaria de nomeação/designação'},
        {data: 'publicacao',    title: 'Publicação de Exoneração/Dispensa'},
        {data: 'exoneracao',    title: 'Data de Exoneração/Dispensa'},
        {data: 'subnome',       title: 'Substituto Eventual'},
        {data: 'subsiape',      title: 'Siape'},
        {data: 'subcpf',        title: 'CPF'},
        {data: 'subingresso',   title: 'Data de ingresso'},
        {data: 'subexoneracao', title: 'Data de exoneração/dispensa'},
        {data: 'subpublicacao', title: 'Publicacao da nomeação/Designação'},
        {   
            title: 'Alterar',
            data: null,
            createdCell: function(td, cellData, rowData, row, col){
                //td: a coluna em questão
                //cellData: dados da linha inteira
                //rowData: dados da linha inteira
                //row: index da linha
                //col: index da coluna
                var href    = `/alterar?id/${cellData.id}`;
                $(td).html(`<a class="btn btn-primary" href="${href}">Editar</a>`)
            }
        }
    ],

    //CONFIGURAÇÃO DE LINGUAGEM DA TABELA
    language: {
        info: "Mostrando de _START_ a _END_ de _TOTAL_ registros",
        infoEmpty: "Sem registros",
        emptyTable: "Nenhum registro avaliado na tabela",
        infoFiltered: "Filtrados de _MAX_ registros",
        zeroRecords: "Nenhum registro encontrado para a busca",
        lengthMenu: "Mostrando _MENU_ registros",
        paginate: {
            first: '<<',
            last: '>>',
            previous: '<',
            next: '>'
        }
    }
});

//CRIA A COLUNA DE ALTERAÇÃO
$('#my-table-nome thead th').each(function() {

    var title = $(this).text();
    if(title == 'Nome'){
        $(this).append('<br /><input type="text" id="my-input-nome" size="50" placeholder="Digite aqui o nome do Servidor" />');
    }
});

var table = $('#my-table-nome').DataTable();

// APLICA A BUSCA
$('#my-input-nome').on( 'keyup', function () {
    table.column(0).search( this.value ).draw();
});

});

Answer 1

You can manipulate dates using the javascript itself, this way:

let dataTabela = new Date();
let _localizacao = 'pt-BR'
let _param = {
 year: 'numeric', 
 month: '2-digit', 
 day: '2-digit' 
};

console.log(dataTabela.toLocaleDateString( _localizacao, _param ));

Another good alternative would be to use a lib like the - https://momentjs.com/