2

Estou querendo formatar uma string de data sem pontuação em um campo com formato de data, por exemplo:

sdata = '201909091504'

datacorreta = '2019-09-09 15:04' // resultado esperado

Tentei com o .parse mas ele me retornou um valor nulo. O que poderia usar para converter neste formato com pontuação?

2
  • O formato vai ser sempre o mesmo, ano-mes-dia hora:minutos?
    – LeAndrade
    Commented 30/09/2019 às 11:49
  • sdata.match(/(\d{4})(\d{2})(\d{2})(\d{2})(\d{2})/) depois é só concatenar Commented 30/09/2019 às 11:55

3 Respostas 3

2

Nativamente, o Date do JavaScript não dá muitas opções para converter strings para uma data (na verdade, poucos formatos são de fato "oficiais" e muitos outros funcionam de maneira diferente dependendo do browser).

O jeito é manipular a string manualmente. Uma forma de fazer é:

let sdata = '201909091504';
let [ano, mes, dia, hora, minuto] = sdata.match(/(\d{4})(\d{2})(\d{2})(\d{2})(\d{2})/).slice(1, 6);
let dataFormatada = `${ano}-${mes}-${dia} ${hora}:${minuto}`;
console.log(dataFormatada); // 2019-09-09 15:04

A expressão regular usada no método match usa o atalho \d (que corresponde a dígitos de 0 a 9) e usa os quantificadores {n} para pegar exatamente n dígitos. Eu também uso parênteses, que formam grupos de captura, assim cada trecho em questão é retornado separadamente.

Em seguida eu uso o método slice para pegar o trecho do array que me interessa (já que match retorna um array com várias outras informações), atribuo às respectivas variáveis (usando a sintaxe de destructuring assingment) e concateno tudo.


Um detalhe é que o código acima não verifica se a data é válida (se o dia é maior que 31, etc). Se quiser fazer isso, uma forma é:

function pad(valor) {
    return valor.toString().padStart(2, '0');
}

let sdata = '201909091504';
let [ano, mes, dia, hora, minuto] = sdata.match(/(\d{4})(\d{2})(\d{2})(\d{2})(\d{2})/).slice(1, 6).map(s => parseInt(s));
let d = new Date(ano, mes - 1, dia, hora, minuto);
if (d.getFullYear() === ano && d.getMonth() + 1 === mes && d.getDate() === dia
    && d.getHours() === hora && d.getMinutes() === minuto) {
    let dataFormatada = `${ano}-${pad(mes)}-${pad(dia)} ${pad(hora)}:${pad(minuto)}`;
    console.log(dataFormatada); // 2019-09-09 15:04
} else {
    console.log('data inválida');
}

Eu crio um Date usando os valores obtidos pela regex (convertendo-os para números com parseInt). Em seguida, eu verifico se os valores do Date são os mesmos das variáveis originais. Fiz isso porque o construtor de Date aceita valores como dia 32 e faz alguns ajustes (32 de janeiro é ajustado para primeiro de fevereiro, por exemplo). Então se algum dos valores for diferente, é porque a data original contém valores inválidos.

Também repare que subtraí 1 do mês porque no Date do JavaScript os meses são indexados em zero (janeiro é zero, fevereiro é 1, etc).


Outra alternativa é usar o Moment.js:

let sdata = '201909091504';
let data = moment(sdata, 'YYYYMMDDHHmm'); // lê o formato acima e cria a data
// mostra a data em outro formato
console.log(data.format('YYYY-MM-DD HH:mm')); // 2019-09-09 15:04
<script src="https://momentjs.com/downloads/moment.min.js"></script>

Uma vantagem do Moment.js é que ele também valida a data. Basta usar isValid(), conforme mostrado na resposta do Virgilio.

6
  • 1
    Uau, o regex é até simples, mas você mitou em utilizá-lo em combinação com o slice em apenas uma única linha. Claps. Commented 30/09/2019 às 12:16
  • 2
    Faz muita falta os métodos fromFormat e format no Date...
    – Woss
    Commented 30/09/2019 às 12:22
  • @LeonardoGetulio Eu até tentei ver se tinha como match retornar só o que preciso, mas no fim achei mais fácil usar o slice mesmo :-)
    – hkotsubo
    Commented 30/09/2019 às 12:22
  • 1
    @AndersonCarlosWoss Faz muita falta uma API nativa de datas que seja decente :-)
    – hkotsubo
    Commented 30/09/2019 às 12:23
  • procurando mais um pouco achei a lib date-fns, que poderia ser uma solução ao moment, já que pra usar ele temos que baixar a lib inteira no projeto e isso é meio zoado, porém não achei nenhum exemplo utilizando neste formato que descrevi no post. Se alguém souber utilizar essa lib poderia nos ajudar.
    – Sergio RBJ
    Commented 30/09/2019 às 13:36
1

Você vai ter de formatar manualmente pois o javascript não aceita formatação personalizada de inputs/entradas de datas. Contando que você trabalhe sempre no mesmo formato, pode usar a função abaixo:

sdata = '201909091504'
//datacorreta = '2019-09-09 15:05' //

function dataAPartirDeNumero(dataNumero) {
  dataFormatada = dataNumero.slice(0,4) +
    '-' + dataNumero.slice(4,6) +
    '-' + dataNumero.slice(6,8) +
    ' ' + dataNumero.slice(8,10) +
    ':' + dataNumero.slice(10,12);
   return dataFormatada;
}

dataFormatada = dataAPartirDeNumero(sdata);
console.log('data: '+ dataFormatada); //2019-09-09 15:04

1
  • Funcionou perfeitamente Leonardo, era isso que eu precisava! Pensei que existia um método pronto para isso hehe
    – Sergio RBJ
    Commented 30/09/2019 às 12:15
1

Bom, também existe um cara que pode formatar isso para você e também verificar se isso realmente é uma data válida com a biblioteca moment.js, exemplo:

sdata = '201909091504'
var result = moment(sdata, 'YYYYMMDDHHmm');
if (result.isValid())
{
   var htmlDiv = document.getElementById("new");
   htmlDiv.innerHTML = result.format('YYYY-MM-DD HH:mm');   
}
else 
{
   alert('date invalid');
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment-with-locales.min.js"></script>

<div>
  201909091504
</div>  
<div id="new">
  
</div>

1
  • 1
    +1 por lembrar do isValid (que eu acabei esquecendo de mencionar na minha resposta) :-)
    – hkotsubo
    Commented 30/09/2019 às 14:08

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 .