English Português

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.

Descargar el ejemplo y la función.

Escrito por Francisco Oliveros

Soy un gran aficionado del diseño y de todo lo que el código puede comunicar. Ingeniero mecánico por profesión, pero dedicado al desarrollo web a tiempo completo.

Blog / Twitter

Artículos relacionados

Sigue leyendo consejos, tips y tutoriales para tu blog.

    Comentarios

    1. Zonick / Hace 10 años /

      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!!

      Responder a Zonick →
    2. Francisco / Hace 10 años /

      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!

      Responder a Francisco →
    3. Ignacio / Hace 10 años /

      Hola, la verdad que pruebo y pruebo pero no puedo lograr que quede la fecha, el primer código va bien, pero el segundo me tira el siguiente error:

      No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
      Mensaje de error de XML: The content of elements must consist of well-formed character data or markup.

      Si alguien me da una mano me haria un buen favor,

      Gracias

      Ignacio

      Responder a Ignacio →
    4. gabriel / Hace 9 años /

      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

      Responder a gabriel →
    5. gabriel / Hace 9 años /

      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!!

      Responder a gabriel →
    6. Fabricio / Hace 9 años /

      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

      Responder a Fabricio →
    7. alex / Hace 7 años /

      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

      Responder a alex →
    8. recuerdos infantiles / Hace 7 años /

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

      Responder a recuerdos infantiles →
    9. Leonardo / Hace 6 años /

      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!

      Responder a Leonardo →
    10. Fleming / Hace 5 años /

      Mil gracias compañero. Estupendo aporte.

      Responder a Fleming →
    11. Futbol Gratis por internet / Hace 4 años /

      Mil gracias compañero. Estupendo aporte.

      Responder a Futbol Gratis por internet →
    12. Gerardo Delgadillo / Hace 4 años /

      Muchas gracias muy buen aporte!!!
      Me funciono al 100%

      Responder a Gerardo Delgadillo →
    13. Yed21 / Hace 2 años /

      Muchas muchas gracias

      Responder a Yed21 →

    Responder

    ¡Gracias por dejar tu opinión! Por favor procura que tus comentarios estén dentro tema, que no sean promocionales (spam), ilegales u ofensivos, de otro modo, serán borrados. Todos los enlaces serán moderados y la URL indicada NO será enlazada.

    Blog and Web es un blog de Blógstica. Hospedado desde 2008 en Liquid Web.

    Términos de uso - Política de privacidad