Poner la fecha automaticamente con Javascript
Marzo 2nd, 2007 | Publicado por Francisco en Javascript | 6 Comentarios
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.
Agosto 23rd, 2007 a las 8:47 pm (#)
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!!
Agosto 28th, 2007 a las 7:54 pm (#)
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!
Febrero 11th, 2008 a las 12:46 pm (#)
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
Febrero 25th, 2008 a las 3:06 pm (#)
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
Febrero 25th, 2008 a las 3:38 pm (#)
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!!
Julio 26th, 2008 a las 7:44 pm (#)
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