Javascript

Poner la fecha automaticamente con Javascript

Un elemento que le puede dar a tu web un toque de dinamismo y elegancia es la inclución de la fecha y esto lo podemos hacer mediante javascript que además nos la mostrara en español.

El script es el siguiente y lo tendras que incluir dentro de las etiquetas <head></head> o vincular las función en .js que al final te brindamos, el código es el siguiente:


<script language="Javascript"> 

var muestra;
function makeArray(n){this.length = n;
for (i=1;i<=n;i++){this[i]=0;}
return this;}

function Muestrafecha() {
//arreglo de los meses
var meses = new makeArray(12);
meses[0]  = "Enero";
meses[1]  = "Febrero";
meses[2]  = "Marzo";
meses[3]  = "Abril";
meses[4]  = "Mayo";
meses[5]  = "Junio";
meses[6]  = "Julio";
meses[7]  = "Agosto";
meses[8]  = "Septiembre";
meses[9]  = "Octubre";
meses[10] = "Noviembre";
meses[11] = "Deciembre";

//arreglo de los dias
var dias_de_la_semana = new makeArray(7);
dias_de_la_semana[0]  = "Domingo";
dias_de_la_semana[1]  = "Lunes";
dias_de_la_semana[2]  = "Martes";
dias_de_la_semana[3]  = "Miércoles";
dias_de_la_semana[4]  = "Jueves";
dias_de_la_semana[5]  = "Viernes";
dias_de_la_semana[6]  = "Sábado";

var today = new Date();
var day   = today.getDate();
var month = today.getMonth();
var year  = today.getYear();
var dia = today.getDay();
if (year < 1000) {year += 1900; }

// mostrar la fecha 
return( "Hoy es " + dias_de_la_semana[dia] + ", " + day + " de " + meses[month] + " del " + year);
}
</script>

Y para aplicarlo en nuestra web llamamos a la función en la parte donde queremos que aparesca la fecha, haciendolo de la siguiene forma:


</script>

<script type="text/javascript" language="JavaScript">
document.write (Muestrafecha());

</script>

Esto nos da como resultado un texto como: «Hoy es Viernes, 2 de Marzo del 2007». Espero que les sirva.

Deja un comentario

14 Comentarios

  • a mi por mas que quiero no me funcionan mis scripts en blogger, he tratado de ponerlos y no se que pasa, no se si los este colocando mal, ya que aun no tengo muy claro como ponerlos entre head y /head, me podrian ayudar,igual trate de poner unos emoticones y no me funciona gracias!!

  • Hola Zonick!

    Lo que pasa es que en este caso no es solo para Blogger, sino para cualquier web en general, pero lo que va en el head puedes pegarlo justo antes de y la llamada al script donde quieras que se muestre por ejemplo después del menú de navegación de tu plantilla. Blogger es un poco latoso para esto pero ve probando y veras que algún lugar queda.

    Un saludo!

  • Buenas amigo gracias por el codigo una pregunta!, no se le puede agegar codigo para que me de la hora adicionalmente por ejemplo que salga asi «Hoy es Viernes, 2 de Marzo del 2007″, 3:35pm.???? me seria de mucha utilidad gracias y disculpa

  • Ahh no amigos!! ya logre ponerle la hora!!!, pero me surgio una duda!!, saben q ok todo bien yo puse su fecha con su hora,pero esta solo se actualiza cuando yo refresco la pagina!!, yo lo que necesito es un reloj que este corriendo siempre, sin efresca la pagina, osea q corran la hora asi no refresqs la pantalla manualmente gracias espero su respuesta!!

  • Acabo de hacer un código para mostrar en pantalla algo que quedaría de la siguiente manera:

    Hoy es 26 / 7 / 2008, son las 21hs 43min

    este es el código:

    var fechaActual=new Date();
    document.write(«Hoy es «+fechaActual.getDate()+» / «+(fechaActual.getMonth()+1)+» / «+fechaActual.getYear()+», son las

    «+fechaActual.getHours()+»hs «+fechaActual.getMinutes()+»min «);

    si no lo quieren todo en el body lo hacen una función en el head y despues la llaman desde el body… como mas les guste

  • hola, tengo un detalle con mi blog que hermosamente estoy adornando, pasa que quiero cambiarle la fecha ps en al plantilla no solo me vino
    «undefined
    undefined»
    como te podras dar cuenta, es alli donde deb ir la fecha, pero como lo puedo hacer.
    agradesco tu ayuda y felicitandotepor tu posteo

  • gracias por el aporte voy a poner una web donde requiero que la fecha se actuzalice y gracias atu scrip lo tengo, saludos

  • Hola, antes que nada… GRACIAS! Me sirvio mucho! Te hago una consulta… como puedo hacer para mover el codigo? Ya que me parece siempre arriba a la izquierda. Puede moverver a la derecha o centrarse? Saludos y gracias!