3

Recebo uma string de 4 dígitos (numeros), e preciso quebrá-la no meio, e colocar uma “/”, para formatar no tipo (dd/mm)

<input [(ngModel)]="contato.birth" class="form-control" type="text" placeholder="DIA/MÊS" mask="99/99" />

e ao exibir esse valor, preciso que ele seja formatado em JavaScript, como (dd / mm) como "06/08", por exemplo. Tentei usar as funções split e join, mas não tive muito sucesso, tentei isso:

formatBirthday(date) {
    let result = date.split('-').join('/');

    return result
}
<p *ngIf="business.cliente.birth">
  <b class="b-b">Aniversário: </b>
  {{formatBirthday(business.cliente.birth)}}
</p>

alguém saberia alguma maneira para formatar apenas dd / mm?

2
  • Sua pergunta não está clara!
    – LeAndrade
    Commented 27/03/2020 às 15:06
  • Editei a pergunta, creio que melhorou Commented 27/03/2020 às 15:14

2 Respostas 2

2

Também é possível usar expressões regulares para fazer isso. Veja:

/^(\d{2})(\d{2})$/

Na expressão acima, criamos dois grupos de captura. Cada um deles procurará por sequência de dois dígitos. Para isso, utilizamos o atalho para a classe de caracteres de números ([0-9]) \d junto do quantificador {2}.

Então, podes fazer assim:

const re = /^(\d{2})(\d{2})$/;
const str = '0608';

const [, day, month] = str.match(re);

const dateStr = `${day}/${month}`;

console.log(dateStr);

O método match foi utilizado. Ele retornará um array com os grupos de captura encontrados a partir do índice 1. Assim, utilizamos a desestruturação de arrays para obtê-los.

1
  • Ótima resposta, me ajudou com o problema, obrigado ;) !!! Commented 27/03/2020 às 16:12
2

Pode utilizar o método slice() para isso de uma maneira bem simples, lembrando que isso dá para ser feito de várias formas, como o uso de uma regex por exemplo:

let date = '0608';

console.log(`${date.slice(0,2)}/${date.slice(2,4)}`)

1
  • Essa maneira também resolveu o problema, obrigado ;) !!! Commented 27/03/2020 às 16:14

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 .