Calendario JavaScript

Hola Equipo, aquí tienen un calendario, o simplemente una forma de mostrar, hora y fecha a través de Javascript.

Este script debe ir entre las tags <head> y </head> de la página:

<script language=”javascript” type=”text/javascript”>
// Muestra la hora y la fecha, actualizandas cada segundo, en una caja de texto

//Muestra segundos
function muestraSeg()
{
hoyseg=new Date();
document.formi.seg.value=hoyseg.getSeconds();
setTimeout(“muestraSeg()”,1000);
}

//Muestra minutos
function muestraMin()
{
hoymin=new Date();
document.formi.min.value=hoymin.getMinutes();
setTimeout(“muestraMin()”,1000);
}

//Muestra horas
function muestraHour()
{
hoyhour=new Date();
document.formi.hour.value=hoyhour.getHours();
setTimeout(“muestraHour()”,1000);
}

//Muestra día
function muestraDay()
{
hoyday=new Date();
document.formi.day.value=hoyday.getDate();
setTimeout(“muestraDay()”,1000);
}

//Muestra mes
function muestraMon()
{
hoymonth=new Date();
document.formi.month.value=hoymonth.getMonth();

if(document.formi.month.value==0){
document.formi.month.value=”Enero”
}else if(document.formi.month.value==1){
document.formi.month.value=”Febrero”
}else if(document.formi.month.value==2){
document.formi.month.value=”Marzo”
}else if(document.formi.month.value==3){
document.formi.month.value=”Abril”
}else if(document.formi.month.value==4){
document.formi.month.value=”Mayo”
}else if(document.formi.month.value==5){
document.formi.month.value=”Junio”
}else if(document.formi.month.value==6){
document.formi.month.value=”Julio”
}else if(document.formi.month.value==7){
document.formi.month.value=”Agosto”
}else if(document.formi.month.value==8){
document.formi.month.value=”Septiembre”
}else if(document.formi.month.value==9){
document.formi.month.value=”Octubre”
}else if(document.formi.month.value==10){
document.formi.month.value=”Noviembre”
}else{
document.formi.month.value=”Diciembre”
}

setTimeout(“muestraMon()”,1000);
}

//Muestra semana
function muestraSem()
{
hoysem=new Date();
document.formi.sem.value=hoysem.getDay();

if(document.formi.sem.value==0){
document.formi.sem.value=”Domingo”
}else if(document.formi.sem.value==1){
document.formi.sem.value=”Lunes”
}else if(document.formi.sem.value==2){
document.formi.sem.value=”Martes”
}else if(document.formi.sem.value==3){
document.formi.sem.value=”Miércoles”
}else if(document.formi.sem.value==4){
document.formi.sem.value=”Jueves”
}else if(document.formi.sem.value==5){
document.formi.sem.value=”Viernes”
}else{
document.formi.sem.value=”Sábado”
}
setTimeout(“muestraSem()”,1000);
}

//Muestra año
function muestraYear()
{
hoyyear=new Date();
document.formi.year.value=hoyyear.getFullYear();

if ((document.formi.hour.value==0)&&(document.formi.min.value==0)&&(document.formi.seg.value==0)&&(document.formi.day.value==1)&&(document.formi.month.value==”Enero”))
{
alert(“Feliz año ” + document.formi.year.value);
return true;
}
setTimeout(“muestraYear()”,1000);
}

</script>

Y dentro del <body>

<!– muestra el formulario con la hora y la fecha –>
<form name=”formi”>
<p>Reloj:<br>
<input type=”text” name=”hour” size=1 disabled=”disabled”>  :
<input type=”text” name=”min” size=1 disabled=”disabled”>  :
<input type=”text” name=”seg” size=1 disabled=”disabled”>
</p>
<p>Fecha:<br>
<input type=”text” name=”sem” size=8 disabled=”disabled”>  ,
<input type=”text” name=”day” size=1 disabled=”disabled”>  de
<input type=”text” name=”month” size=9 disabled=”disabled”>  de
<input type=”text” name=”year” size=3 disabled=”disabled”>
</p>
</form>

<script type=”text/javascript” language=”javascript”>

2 thoughts on “Calendario JavaScript

    1. amigo, Script, en informática es un guión, archivo de órdenes o archivo de procesamiento por lotes, vulgarmente referidos con el barbarismo script (del latín scriptum, escrito), es un programa usualmente simple, que por lo regular se almacena en un archivo de texto plano. En este caso es un fragmento de código… saludos y gracias por comentar, cualquier duda que pueda ayudarle, aqui estamos…

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *