1

Estou recebendo dados de uma API e coloquei ela dentro de uma table.

A seguir tem os códigos que eu usei para puxar o api e colocar dentro da table

var botaoAdicionar = document.querySelector("#buscar-viagem");

botaoAdicionar.addEventListener("click", function() {
   var xhr = new XMLHttpRequest();

   xhr.open("GET", "API AQUI");

   xhr.addEventListener("load", function() {
       var resposta = xhr.responseText;
       console.log("ola1");
       var clientes = JSON.parse(resposta);
       console.log("ola2");
       console.log(clientes);

       for (var i =0; i < 1; i++){
           console.log("ola3");
          var clientes_1 = clientes.TRACKER[i];
          adicionaClienteNaTabelaViagem(clientes_1);
          console.log("ola4");
      }    
   });

   xhr.send();
});

Neste próximo código é como eu criei as td no js e coloquei o array nela

function adicionaClienteNaTabelaViagem(cliente) {

    var clienteTr = montaTr(cliente);
    var tabela = document.querySelector("#tabela-clientes");
    tabela.appendChild(clienteTr);
}

function montaTr(cliente) {
    var clienteTr = document.createElement("tr");
    clienteTr.classList.add("cliente");

      clienteTr.appendChild(montaTd(cliente.QTDLIB, "info-STATUS"));
      clienteTr.appendChild(montaTd(cliente.PEDCD, "info-NOME"));
      clienteTr.appendChild(montaTd(cliente.NFISCA, ".info-CPF"));
      clienteTr.appendChild(montaTd(cliente.DTAENTORC, ".info-CEPENT"));
      clienteTr.appendChild(montaTd(cliente.DESPRO, ".info-DESPRO"));
      clienteTr.appendChild(montaTd(cliente.DTAPREENT, ".info-MUNENT"));

    return clienteTr;
}

function montaTd(dado, classe) {
    var td = document.createElement("td");
    td.classList.add(classe);
    td.textContent = dado;

    return td;
}

Sendo que eu recebo da api datas, mas nao estão em formato de data.

A seguir vem o que eu recebo do API

{TRACKER: Array(2)}
TRACKER:Array(2)
0:
CEPENT:"57000000"
CLIRET:"NAO"
CODCAR:"000152"
CODCLI:"526460"
CODPRO:"12819009       "
CPF:"02798477425   "
DESPRO:"COLCHAO GAZIN SUPREME COMPOSTO 138X188X21CM 1PL 660120 ./PR "
DTAENT:"20170715"
DTAENTORC:"20170707"
DTAMON:"20170724"

Como podem ver, os dois últimos são datas, queria saber se tem como eu transformar eles em formato de data e como faço isso.

1 Resposta 1

1

O sitio mais lógico para esse mapeamento de conteúdo parece ser dentro de adicionaClienteNaTabelaViagem. Assim podias fazer algo assim:

formatarData(str){
    return [str.slice(0, 4), str.slice(4, 6), str.slice(-2)].join('-'); // para formato yyyy-mm-dd
    // ou para retornar um objeto Date
    return new Date(str.slice(0, 4), Number(str.slice(4, 6)) + 1, str.slice(-2));
}

function adicionaClienteNaTabelaViagem(cliente) {
    for (var chave in cliente){
        if (chave.indexOf('DTA') == 0) cliente[chave] = formatarData(cliente[chave]);
    }
    /* 
    ou explicitamente:
    cliente.DTAENTORC = formatarData(cliente.DTAENTORC);
    */
    var clienteTr = montaTr(cliente);
    var tabela = document.querySelector("#tabela-clientes");
    tabela.appendChild(clienteTr);
}
1
  • É isso mesmo! Muito obrigada!!!
    – Maria
    Commented 27/10/2017 às 15:26

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .