Jump to content
JenneferBarbosa

[Resolvido] Validação de datas

Recommended Posts

<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.  

Share this post


Link to post
Share on other sites

@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>

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By ThosuZ
      Boa tarde, pessoal! Minha dúvida é simples. Gostaria de saber apenas o nome da animação desse site: https://www.think-mario.com/
      Quero o nome pra pesquisar sobre e aprender. A animação é quando vamos abaixando o scroll, as coisas vão surgindo, e eu acredito que seja com js.
       
      Abraços!
    • By asacap1000
      Salve galera. estou com uma zica aqui e não vai.
      Tenho um servidor WEB final IP final 120 neste servidor eu acesso um banco de dados de outro servidor 122, tem uma tabela com fotos e precisaria mostrar estas fotos na intranet. porém ele me mostra o caminho mas não mostra a imagem.
       
      Na Tabela está sendo salvo desta forma:
      Z:/Avarias/FOTOS/Alfandegado/2020/01.%20JANEIRO/14.01.2020/AVARIA%20CLIENTE%20CN=%20191234%20(2).JPG
       
      Chamei ele na tela desta forma:
      <?php ociexecute($stmt2,OCI_DEFAULT); while ($row = oci_fetch_object($stmt2)) { $string = OCIResult ($stmt2 ,1); ///link da avaria $avaria = OCIResult ($stmt2 ,2); ///titulo da avaria ?> <a href="<?=$string ?>" width="20%" height="30%" data-lightbox="gallery" > <button type="button" class="btn btn-dark active" data-toggle="modal" data-target="#modalExemplo"> <img src="<?=$string?>" width="160" height="100" class="rounded" title="<?=$avaria?>"> <br> </button> Na tela aparece desta forma:

       
      Se eu clicar na imagem fica assim apenas carregando:
       

       
      Se eu mandar abrir em nova guia a imagem aparece essa mensagem:

      Se eu copiar o link com botão direito e abrir no navegador ela abre normalmente.
       
      Ah lembrando que são tres servidores 120 web, 122 banco de dados, 128 as fotos onde salva como mapeamento Z://
      Alguem teria alguma idéia de como chamar estas fotos???
       
    • By Rafaelmcd
      Pessoal, eu tenho uma DIV, que por padrão ela vem com este css: 
      <div class="clickoff" style="pointer-events: none;">
      ......
      </div>
      Porém queria que, caso um determinado cookie exista, o style dessa div seja alterado para pointer-events: auto;
      Alguém teria uma dica de como poderia fazer isso? Se possível com PHP. 
       
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.