¿Cómo verificar que la fecha de entrada sea igual a la fecha de hoy o no use JavaScript?

Dado un objeto de fecha y la tarea es determinar si la fecha dada es la misma que la fecha de hoy o no con la ayuda de JavaScript. Hay dos enfoques bien famosos que se discuten aquí.

Enfoque 1: Obtenga la fecha de entrada del usuario (var inpDate) y la fecha de hoy por new Date() . Ahora, use el método .setHours() en ambas fechas pasando parámetros de todos los ceros. Se pasan todos los ceros para hacer que todas las horas, minutos, segundos y milisegundos sean 0. Ahora compare la fecha de hoy con la fecha dada y muestre el resultado.

Ejemplo: Este ejemplo implementa el enfoque anterior.

<!DOCTYPE HTML> 
<html> 
  
<head> 
    <title> 
        How to Check Input Date is Equal
        to Today’s Date or not using
        JavaScript?
    </title> 
      
    <style>
        body {
            text-align: center;
        }
        h1{
            color: green;
        }
        #geeks {
            color: green; 
            font-size: 29px; 
            font-weight: bold;
        }
    </style>
</head> 
  
<body > 
    <h1>GeeksforGeeks</h1>
      
    <b>
        Type the date in given format
        and <br>check if it is same as
        today's date or not.
    </b>
      
    <br><br>
      
    Type date: <input id = "date"
            placeholder= "mm/dd/yyyy"/>
    <br><br>
      
    <button onclick = "gfg();">
        click here
    </button>
      
    <p id = "geeks" ></p>
      
    <script>
        var down = document.getElementById('geeks');
          
        function gfg() {
            var date = 
                document.getElementById('date').value;
              
            var inpDate = new Date(date);
            var currDate = new Date();
              
            if(inpDate.setHours(0, 0, 0, 0) == 
                    currDate.setHours(0, 0, 0, 0))
            {
                down.innerHTML = 
                    "The input date is today's date";
            } 
            else {
                down.innerHTML = "The input date is"
                    + " different from today's date";
            }         
        }
    </script> 
</body> 
  
</html>         

Producción:

Enfoque 2: De manera similar, obtenga la fecha de entrada del usuario (var inpDate) y la fecha de hoy usando new Date() . Ahora, usaremos el método .toDateString() en ambas fechas para convertirlas en strings legibles. Ahora compare la fecha de hoy con la fecha dada y muestre el resultado.

Ejemplo: Este ejemplo implementa el enfoque anterior.

<!DOCTYPE HTML> 
<html> 
  
<head> 
    <title> 
        How to Check Input Date is Equal
        to Today’s Date or not using
        JavaScript?
    </title> 
      
    <style>
        body {
            text-align: center;
        }
        h1 {
            color: green;
        }
        #geeks {
            color: green; 
            font-size: 29px; 
            font-weight: bold;
        }
    </style>
</head> 
  
<body > 
    <h1>GeeksforGeeks</h1>
      
    <b>
        Type the date in given format
        and <br>check if it is same as
        today's date or not.
    </b>
      
    <br><br>
      
    Type date: <input id = "date"
            placeholder= "mm/dd/yyyy"/>
    <br><br>
      
    <button onclick = "gfg();">
        click here
    </button>
      
    <p id = "geeks"></p>
      
    <script>
        var down = document.getElementById('geeks');
          
        function gfg() {
            var date = 
                document.getElementById('date').value;
              
            var inpDate = new Date(date);
            var currDate = new Date();
              
            if(currDate.toDateString() == 
                        inpDate.toDateString()) 
            {
                down.innerHTML = 
                    "The input date is today's date";
            }
            else {
                down.innerHTML = "The input date is"
                        + " different from today's date";
            }
        }
    </script> 
</body> 
  
</html>

Producción:

Publicación traducida automáticamente

Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta Cancelar la respuesta