Como atribuir a uma variável o valor da data do input no formato dd-mm-u

[Samuel Esteves]

Olá.

Me chamo Samuel e estou precisando de atribuir à uma variável o valor do input de data. Porém, ao colocar o .value, o código me retorna o valor da data no formato yyyy-mm-dd ex: (2022-12-01). Preciso de alguma forma de subverter esse valor para o formato dd-mm-yyyy ex: (01-12-2021), além de substituir os hífens por "/". tentei aplicar o código seguinte, porém me retorna no formato que não desejo:

var inp_data = document.getElementById("inp_data")
            var i_d = String((inp_data.value))
            r_data.innerText = `DATA DE ALTERAÇÃO: ${i_d}`

a variável inp_data pega o elemento de input do type="date" que possuo no meu código e, em seguida, a variável i_d me retorna o valor desse elemento.

Desde já, agradeço a ajuda.

[denisbr]

Olá Samuel, você pode usar Expressão Regular para isso. Senão sabe do que se trata, dá uma pesquisada e indico essa fonte https://aurelio.net/regex/

const regex = /([0-9]{4})-([0-9]{2})-([0-9]{2})/gm;

const str = `2022-05-25`;
const subst = `$3/$2/$1`;

// O valor será substiuído no formato DD/MM/AAAA
const result = str.replace(regex, subst);

alert(result)