Publicado em 26 de jun.

[Resolvido] Validação de datas

<label>Data Inicio</label>
 <input type="date" name="data_inicio-incluir" id="data_inicio-incluir">
<label>Data Fim</label>
 <input type="date" name="data_fim-incluir" id="data_fim-incluir">

	Boa tarde pessoal, estou iniciando em JS e não sei como fazer a validação de datas. Estou fazendo um sistema de aluguel de livros, então,  como consigo verificar se a data_fim não é menor que a data inicio e que a data_fim seja de 1 até 7 dias depois da data_inicio, não podendo ultrapassar. Se alguém tiver como me ajudar, ficarei muito grata.

Discussão (2)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

gabrielms· 26 de jun.

@JenneferBarbosa Boa tarde!

Para fazer a validação da data usando javascript recomendo o uso do object Date do javascript, você pode cria um object Date e depois fazer a manipulação da data com os métodos do próprio objeto.

Você pode criar uma data usando os valores inseridos no input type data, assim você consegue fazer uma adição de dias sem problema usando os método do objeto Date.

Aqui tem um Ótimo tutorial de como usar o objeto Date do javascript:

https://www.w3schools.com/js/js_dates.asp

Vou deixa um código de exemplo de como eu utilizei o objeto data para fazer a verificação solicitadas.

<!DOCTYPE html>

<html>
 <head>
 <meta charset="utf-8">
 <title>Verificar a data</title>
 </head>
 <body>
 <p id="msg"></p>
 <label>Data de retirada:</label><br>
 <input type="date" id="data_inicio-incluir"><br><br>
 <label>Data de entrega:</label><br>
 <input type="date" id="data_fim-incluir"><br><br>
 <button onclick="verificarData()">Verificar</button>
 <script>

 var dataInicio, dataFinal, msg;

 window.onload = function(){
 dataInicio = document.getElementById("data_inicio-incluir");
 dataFinal = document.getElementById("data_fim-incluir");
 msg = document.getElementById("msg");
 };

 function verificarData()
 {
 let dataI, dataF;

 dataI = dataInicio.value;
 dataF = dataFinal.value;

 dataI = dataI.replace(/[^0-9-]/g, "").trim(); // Filtrando o valor do input
 dataF = dataF.replace(/[^0-9-]/g, "").trim(); // Filtrando o valor do input

 if (dataI == "" && dataI.length != 10)
 {
 msg.innerHTML = ("A data de retirada é invalida.");
 return false;
 }

 if (dataF == "" && dataF.length != 10)
 {
 msg.innerHTML = ("A data de entrega é invalida.");
 return false;
 }

 if (dataI != "" || dataF != "" || dataI.length == 10 || dataF.length == 10)
 {
 dataI = new Date(dataI);
 dataF = new Date(dataF);

 if (dataF <= dataI)
 {
 msg.innerHTML = ("A data entrega não pode ser menor ou igual a data da retirada.");
 return false;
 }

 dataI.setDate(dataI.getDate() + 7);

 if (dataF > dataI)
 {
 msg.innerHTML = ("A data de entrega não pode ser maior que 7 dias da data da retirada.");
 return false;
 }

 msg.innerHTML = ("Ok");
 return true;
 }

 }

 </script>
 </body>
</html>

JenneferBarbosa· 26 de jun.

Obrigada @gabrielms!!! Funcionou direitinho, obrigada pelo tutorial também!