feed twitter facebook LinkedIn facebook

JavaScript » Comparar con la fecha del sistema en Javascript

enero 30, 2012 por Víctor Cuervo 1 Comentario Imprimir Imprimir

Comparar con la fecha del sistema en Javascript nos sirve para saber la diferencia de fechas entre el día de hoy y otra fecha. Esto nos serviría desde casos en los que queramos saber hace cuanto tiempo publique esta entrada en el blog, o cuánto queda para el día de mi cumpleaños o cuánto queda hasta año nuevo.

Realmente lo que estamos haciendo es restar dos fechas en Javascript, la que nos da el usuario contra la fecha del sistema.

Para obtener la fecha del sistema simplemente instanciaremos un objeto Date.

  1. fecha = new Date();

Ahora cogeremos la fecha del usuario. Para ello ya vimos en el ejemplo de cómo convertir una cadena de texto en una fecha los pasos que teníamos que seguir:

  1. var boton = document.getElementById("calcular");
  2. boton.addEventListener("click",function(ev){
  3.  
  4. dia = document.getElementById("dia").value;
  5. mes = document.getElementById("mes").value;
  6. annio = document.getElementById("annio").value;
  7.  
  8. fecha_texto = annio+"-"+mes+"-"+dia;
  9.  
  10. ms = Date.parse(fecha_texto);
  11. fecha2 = new Date(ms);
  12.  
  13. },false);

Ahora toca la resta, para ejecutar la resta convertimos previamente la dos fechas en milisegundos con el método .getTime(). A este valor lo dividimos por los milisegundos que representan un día (1000 ms * 60 segundos * 60 minutos * 24 horas).

Por último realizaremos un redondeo apoyándonos en el método .ceil() del objeto Math de Javascript.

  1. one_day=1000*60*60*24;
  2. diferencia = Math.ceil((fecha.getTime()-fecha2.getTime())/(one_day));
  3. texto = (diferencia>0)?"Hace " + diferencia:"Dentro de " + (diferencia*-1);

Utilizaremos el operador ternario para adecentar nuestra respuesta y diferenciar si la fecha paso (resultado positivo) o todavía no hemos llegado (resultado negativo).
Ya tenemos nuestra comparación con la fecha del sistema en Javascript.

Visualizar el Codigo
Visualiza el artículo
Descargar el Codigo
Descargar el código
Error en el Codigo
Error en el código
Foro sobre Javascript
Foro sobre Javascript
tags: , , , , ,

Artículos relacionados:

1 comentario »

RSS feed para los comentarios de esta entrada. TrackBack URI

  1. Oscar
    mayo 21, 2014 #

    Eso quiere decir que con este simple script puedo saber la hora que el usuario tiene en el reloj de su computadora, o más simple, en su país? gracias.

Deja un comentario

XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

*