» Mostrando la fecha actual con Javascript

Mostrando la fecha actual con Javascript

Escrito por J.F. el Friday, 3 de August del 2007 a las 14:36

En el ejemplo de hoy vamos a ver como podemos recoger la fecha de actual del ordenador del usuario y como mostrarla. Para ello usaremos la siguiente funciÃ³n, que como siempre deberemos incluir o bien en el `head` de la pÃ¡gina, o incluirlo en un fichero aparte donde tengamos todas las funciones Javascript. La funciÃ³n es la siguiente:

TEXTO PLANO

JavaScript:

<script>

function hoy()

{

var fechaActual = new Date();

dia = fechaActual.getDate();

mes = fechaActual.getMonth() +1;

anno = fechaActual.getYear();

if (dia <10) dia = "0" + dia;

if (mes <10) mes = "0" + mes;

fechaHoy = dia + "/" + mes + "/" + anno;

return fechaHoy;

}

</script>

Cuando hagamos la llamada a la funciÃ³n, Ã©sta nos devolverÃ¡ la fecha actual en formato dd/mm/yyyy, en una variable que hemos llamado `fechaHoy.`Por lo tanto, lo Ãºnico que debemos hacer es llamar a la funciÃ³n, y posteriormente mostrar la fecha, poudiendo darle el formato HTML que deseemos. Veamos como mostrar la fecha. En Ã©ste ejemplo el formateado que le hemos aplicado es de etiqueta h3 y en cursiva.

TEXTO PLANO

HTML:

<h3><em><script>hoy();document.write("Fecha: "+fechaHoy+"");</script></em></h3>

De Ã©sta manera podremos mostrar la fecha en nuestras pÃ¡ginas web facilmente.

Comentarios (6)

Categoria: Javascript

Añadir este post a

Del.icio.us -

Meneame -

Digg -

Webeame

6 Comentarios

Entradas relacionadas

Comentario de Abraham

Realizado el Friday, 1 de August del 2008 a las 18:19

Muy bueno me saco de un apuro gracias

Comentario de Aitor

Realizado el Thursday, 18 de March del 2010 a las 12:08

Siento deciros que en el aÃ±o 2010 este codigo muestra lo siguiente:
01/01/110

Comentario de Aitor

Realizado el Thursday, 18 de March del 2010 a las 12:10

para que salga el 2010 en vez de
anno = fechaActual.getYear();
metemos:
anno = fechaActual.getFullYear();

Comentario de Jairo Ernesto SÃ¡nchez Galvis

Realizado el Saturday, 27 de March del 2010 a las 19:52

Existe un problema con el aÃ±o, el mÃ©todo getYear(), del objeto Date() de javascript para el aÃ±o 2010, devuelve el valor 110, que correponde a 1 siglo con el aÃ±o 10, para este caso, se ponde getFullYear(), correcto, como lo describe el compaÃ±ero en la parte superior.

Comentario de dennis

Realizado el Thursday, 30 de June del 2011 a las 21:52

Muy bueno justo lo que buscaba te pasaste chico

buen aporte…….

Comentario de decoracion con globos

Realizado el Friday, 11 de November del 2011 a las 0:18

Muchas gracias, justo lo que buscaba tambien.

Un Saludos

Escribir un comentario