feed twitter facebook LinkedIn facebook

JavaScript » Comparar con la fecha del sistema en Javascript

enero 30, 2012 por Víctor Cuervo 4 Comentarios 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:

4 comentarios »

RSS feed para los comentarios de esta entrada.TrackBack URI

  1. Bitacoras.com
    enero 30, 2012 #

    Información Bitacoras.com…

    Valora en Bitacoras.com: 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……

  2. Convertir una cadena a fecha en Javascript | Diseño web económico
    febrero 1, 2012 #

    [...] Comparar con la fecha del sistema en Javascript [...]

  3. control de fechas « Dudas de Programacion
    febrero 1, 2012 #

    [...] Te hemos dejado el código explicado en http://lineadecodigo.com/javascript/comparar-con-la-fecha-del-sistema-en-javascript/ [...]

  4. Semana 30.enero.2012 | aulambra.com
    febrero 6, 2012 #

    [...] Comparar con la fecha del sistema en Javascript [...]

Deja un comentario

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

*