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 ProCODEH
      Eai, galera!
      Estou tentando criar um player de música com playlist, porém não estou tendo muito sucesso, pois quando clico em alguma música o player de música abre em outra página e não na página principal onde quero que fique o player e onde quero que toque (como padrão).

      Vocês podem me dar uma ajuda nisso?
      Tenho esse código:
       
      //* PLAYER DE MÚSICA. inicio(); function inicio(){ var corrente = 0; var audio = $("#musica"); var playlist = $("#playlist"); var tracks = playlist.find("li a"); var len = tracks.length -1; musica[0].play(); playlist.find("a").click(function(e){ e.preventDefault(); link = $(this); corrente = link.parent().index(); run(link, musica[0]); }); musica[0].addEventListener("ended", function(e){ corrente++; if(corrente == len){ corrente = 0; link = playlist.find("a")[0]; }else{ link = playlist.find("a")[corrente]; } run($(link), musica[0]); }); } function run(link, player) { player.src = link.attr("href"); par = link.parent(); par.addClass("active").siblings().removeClass("active"); player.load(); player.play(); } ul{list-style: none; padding: 0px} a{text-decoration: none; color: #444; font-family: arial} li:hover{background: #eee; border-bottom: solid 1px #f60;} li{width: 20%; padding: 5px; border-bottom: solid 1px #ccc;} .active a{color:#f60; padding-left: 1px; font-style: italic;} <audio id="musica" preload="auto" tabindex="0" controls="controls"> <source src="Blackbear-doremi.mp3" type="audio/mpeg"/> Desculpaaa, o áudio não é suportado pelo seu navegador :( </audio> <ul id="playlist"> <li class="active"><a href="Blackbear-doremi.mp3"> BlackBear - Do Re Mi</a></li> <li><a href="BMTH-Medicine.mp3"> Bring Me The Horizon - Medicine</a></li> <li><a href="Hozier-TakeMeToChurch.mp3"> Hozier - Take Me To Church</a></li> </ul>  
    • By infonet
      Poderiam me ajudar com esta consulta SQL?   Acontece que ela roda normal, mas quando coloco na paginação ela não funciona:   mysqli_query ($conn, "SET @a := 0"); $_pagi_sql = "SELECT *, LPAD( @a := @a + 1, 5, '0' ) 'sequencial' FROM tb_his WHERE idclih = $idclientHis ORDER BY dt_his DESC, idhis DESC, sequencial DESC";   O erro acontece somente por causa do final: sequencial DESC, pois quando eu retiro, funciona normalmente.   Obrigado!
    • By Eurales antony
      Boa noite developers, eu codei um sistema em PHP mas não para ser vendido e sim alugado, o cliente aluga eu envio os arquivos do sistema e uma chave e apenas com uma chave valida o sistema funciona, o sistema está pronto terminei de coda o ofuscador e um contaminador(insere códigos deanecesaarios no código) mas agora eu preciso criptografar todos os arquivos, tipo base_64 ou melhor, com o ofuscador e contaminador o código fonte está totalmente ilegível mas quero que fique igual a um código que eu vi, um monte de caracteres nada vê com nada não sei se era base 64 na verdade não entendo muito sobre criptografia quem puder me ajudar eu agradeço e quem chegou até aqui agrade pelo atenção, boa noite 
    • By eduardaarosaa
      Olá!!! Gostaria de saber como converter um objeto em array.
      Já tentei usar get_objet_vars e não funcionou ... veio um array vazio 
      Exemplo: array(){
      }
      array(){
      }
      Meu objeto está assim: 
      object(Illuminate\Http\UploadedFile)#205 (7) {
        ["test":"Symfony\Component\HttpFoundation\File\UploadedFile":private]=>
        bool(false)
        ["originalName":"Symfony\Component\HttpFoundation\File\UploadedFile":private]=>
        string(10) "eliete.jpg"
        ["mimeType":"Symfony\Component\HttpFoundation\File\UploadedFile":private]=>
        string(10) "image/jpeg"
        ["error":"Symfony\Component\HttpFoundation\File\UploadedFile":private]=>
        int(0)
        ["hashName":protected]=>
        NULL
        ["pathName":"SplFileInfo":private]=>
        string(24) "C:\xampp\tmp\php8467.tmp"
        ["fileName":"SplFileInfo":private]=>
        string(11) "php8467.tmp"
      }
      object(Illuminate\Http\UploadedFile)#211 (7) {
        ["test":"Symfony\Component\HttpFoundation\File\UploadedFile":private]=>
        bool(false)
        ["originalName":"Symfony\Component\HttpFoundation\File\UploadedFile":private]=>
        string(40) "f114abec-1fe1-4e86-92b0-5b976b4c50c0.jpg"
        ["mimeType":"Symfony\Component\HttpFoundation\File\UploadedFile":private]=>
        string(10) "image/jpeg"
        ["error":"Symfony\Component\HttpFoundation\File\UploadedFile":private]=>
        int(0)
        ["hashName":protected]=>
        NULL
        ["pathName":"SplFileInfo":private]=>
        string(24) "C:\xampp\tmp\php8468.tmp"
        ["fileName":"SplFileInfo":private]=>
        string(11) "php8468.tmp"
      }
      object(Illuminate\Http\UploadedFile)#212 (7) {
        ["test":"Symfony\Component\HttpFoundation\File\UploadedFile":private]=>
        bool(false)
        ["originalName":"Symfony\Component\HttpFoundation\File\UploadedFile":private]=>
        string(27) "bitcoin-3125488_960_720.png"
        ["mimeType":"Symfony\Component\HttpFoundation\File\UploadedFile":private]=>
        string(9) "image/png"
        ["error":"Symfony\Component\HttpFoundation\File\UploadedFile":private]=>
        int(0)
        ["hashName":protected]=>
        NULL
        ["pathName":"SplFileInfo":private]=>
        string(24) "C:\xampp\tmp\php8469.tmp"
        ["fileName":"SplFileInfo":private]=>
        string(11) "php8469.tmp"
      }
      object(Illuminate\Http\UploadedFile)#213 (7) {
        ["test":"Symfony\Component\HttpFoundation\File\UploadedFile":private]=>
        bool(false)
        ["originalName":"Symfony\Component\HttpFoundation\File\UploadedFile":private]=>
        string(14) "imagem0033.jpg"
        ["mimeType":"Symfony\Component\HttpFoundation\File\UploadedFile":private]=>
        string(10) "image/jpeg"
        ["error":"Symfony\Component\HttpFoundation\File\UploadedFile":private]=>
        int(0)
        ["hashName":protected]=>
        NULL
        ["pathName":"SplFileInfo":private]=>
        string(24) "C:\xampp\tmp\php8479.tmp"
        ["fileName":"SplFileInfo":private]=>
        string(11) "php8479.tmp"
      }
       
      Obrigada!!!
×

Important Information

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