duda de novato

edgar4615 · #1 (**permalink**) 17/12/2010, 04:08

Muy buenas de nuevo y muchisimas gracias de antemano por vuestra ayuda.

Estoy empezando a programar en javascript y me asalta una duda. Tengo un script

Código Javascript:

Ver original<script languaje="JavaScript">
 
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
/*var day=mydate.getDay()*/
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
/*var dayarray=new Array("Domingo","Lunes","Martes","Miercoles","Jueves","Viernes","Sabado")*/
var montharray=new Array("01","02","03","04","05","06","07","08","09","10","11","12")
</small>")
 
</script>

que te dice el mes actual y el año.

Deseo dibujarlo en un select option html, para ello

Código HTML:

Ver original<select name="mes" size="1">
<option value="mes"><script>document.write("<small><font color='000080' face='Arial'>"+montharray[month]+"</font></small>")
</script></option>
</select>

¿Cómo puedo rellenar el combo con los meses restantes?

Gracias y un saludo a todos!

quimfv · #2 (**permalink**) 17/12/2010, 06:15

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script languaje="JavaScript">
//si se usa
var mifecha=new Date();
//no se usa
var mianno=mifecha.getYear();
if (mianno < 1000) mianno+=1900;
//si se usa
//mimes = 0 Enero...11 Diciembre
var mimes=mifecha.getMonth();
//no se usa
var midia=mifecha.getDate();
if (midia<10) midia="0"+midia;
//si se usa
var montharray=new Array("Ene","Feb","Mar","Abr","May","Jun","Jul","Ago","Set","Oct","Nov","Dic");
var opciones="";
for(m=0;m<12;m++){
  opciones+="<option value='"+m+"' "+selMesActual(m)+">"+montharray[m]+"</option>";
}
 
function selMesActual(mes){
    if (mimes==mes){
        return "selected='selected'";
    }else{
        return "";
    }
}
 
</script>
</head>
 
<body>
<select name="mes" id="mes">
<script>document.write(opciones);</script>
</select>
</body>
</html>

Te parece bien?

edgar4615 · #3 (**permalink**) 17/12/2010, 06:24

Muchísimas gracias por tu ayuda voy a probarlo gracias!!!

edgar4615 · #4 (**permalink**) 20/12/2010, 02:18

muy buenas de nuevo, este script va muy bien, pero si quiero reutilizarlo para el año porqué no me funciona????

Código Javascript:

Ver originalvar annoarray=new Array("2010","2011","2012","2013","2014","2015","2016","2017","2018","2019","2020","2021");
var opciones2="";
for(a=0;a<12;a++){
opciones2+="<option value='"+a+"' "+selAnActual(a)+">"+annoarray[a]+"</option>";
}
function selAnActual(anno){
if (mianno==anno){
return "selected='selected'";
}else{
return "";
}
}

me muestra el array de años correctamente pero no m,e queda marcado el actual como en el mes.

me toma valores distintos y no se porqué... el año actual es 2010 y me toma el último valor del array 2021.

Gracias por vuestra ayuda!!!

saludos!!!

creo que con esto funciona

Código Javascript:

Ver original//si se usa
var yeararray=new Array("2010","2011","2012","2013","2014","2015","2016","2017","2018","2019","2020","2021");
var opciones2="";
for(a=0;a<12;a++){
opciones2+="<option value='"+a+"' "+selannoActual(a)+">"+yeararray[a]+"</option>";
}
function selannoActual(anno){
if (mianno==yeararray[a]){
return "selected='selected'";
}else{
return "";
}
}

quimfv · #5 (**permalink**) 21/12/2010, 02:26

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script languaje="JavaScript">
//si se usa
var mifecha=new Date();
//ahora si se usa!!!!
var mianno=mifecha.getYear();
if (mianno < 1000) mianno+=1900;
//si se usa
//mimes = 0 Enero...11 Diciembre
var mimes=mifecha.getMonth();
//no se usa
var midia=mifecha.getDate();
if (midia<10) midia="0"+midia;
//si se usa
var montharray=new Array("Ene","Feb","Mar","Abr","May","Jun","Jul","Ago","Set","Oct","Nov","Dic");
var annoarray=new Array("2010","2011","2012","2013","2014","2015","2016","2017","2018","2019","2020","2021");
var opciones="";
var opciones2="";
for(m=0;m<12;m++){
  opciones+="<option value='"+m+"' "+selMesActual(m)+">"+montharray[m]+"</option>";
}
 
for(a=0;a<12;a++){
opciones2+="<option value='"+a+"' "+selAnActual(a)+">"+annoarray[a]+"</option>";
} 
function selMesActual(mes){
    if (mimes==mes){
        return "selected='selected'";
    }else{
        return "";
    }
}
function selAnActual(anno){
    if (mianno==anno){
        return "selected='selected'";
    }else{
        return "";
    }
} 
</script>
</head>
 
<body>
<select name="mes" id="mes">
<script>document.write(opciones);</script>
</select>
<select name="anno" id="anno">
<script>document.write(opciones2);</script>
</select>
</body>
</html>

Si funciona...

Tu ultima opción no es muy correcta ya que estas usando la variable a como si fuera global, en realidad lo es, pero solo se ha declarado para usarse como iterador en el buclue "for", yo lo consideraria una mala practica. Ademas el parametro "anno" de la función "selAnActual(anno)" dejaria de tener sentido, la funcion solo funcionaria si es llamada por el bucle "for" ....

De hecho esas funciones ón poco reutilizables esta seria una opción más compacta...

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script languaje="JavaScript">
//si se usa
var mifecha=new Date();
//si se usa
var mianno=mifecha.getYear();
if (mianno < 1000) mianno+=1900;
//si se usa
//mimes = 0 Enero...11 Diciembre
var mimes=mifecha.getMonth();
//no se usa
var midia=mifecha.getDate();
if (midia<10) midia="0"+midia;
//si se usa
var montharray=new Array("Ene","Feb","Mar","Abr","May","Jun","Jul","Ago","Set","Oct","Nov","Dic");
var annoarray=new Array("2010","2011","2012","2013","2014","2015","2016","2017","2018","2019","2020","2021");
var opciones="";
var opciones2="";
for(var m=0;m<12;m++){
  opciones+="<option value='"+m+"' ";
    if (mimes==m){
        opciones+="selected='selected'";
    }
  opciones+=">"+montharray[m]+"</option>";
}
 
for(var a=0;a<12;a++){
    opciones2+="<option value='"+a+"' ";
    if (mianno==annoarray[a]){
        opciones2+="selected='selected'";
    }
    opciones2+=">"+annoarray[a]+"</option>";
} 
 
</script>
</head>
 
<body>
<select name="mes" id="mes">
<script>document.write(opciones);</script>
</select>
<select name="anno" id="anno">
<script>document.write(opciones2);</script>
</select>
</body>
</html>

Y esta seria otra en formato funciones....

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script languaje="JavaScript">
function selMes(){
var mifecha=new Date();
var mimes=mifecha.getMonth();
//mimes = 0 Enero...11 Diciembre
var montharray=new Array("Ene","Feb","Mar","Abr","May","Jun","Jul","Ago","Set","Oct","Nov","Dic");
var opciones="";
for(var m=0;m<12;m++){
  opciones+="<option value='"+m+"' ";
    if (mimes==m){
        opciones+="selected='selected'";
    }
  opciones+=">"+montharray[m]+"</option>";
}
return opciones;
}
 
function selAnno(){
var mifecha=new Date();
var mianno=mifecha.getYear();
if (mianno < 1000) mianno+=1900;
var annoarray=new Array("2010","2011","2012","2013","2014","2015","2016","2017","2018","2019","2020","2021");
var opciones="";
for(var a=0;a<12;a++){
    opciones+="<option value='"+a+"' ";
    if (mianno==annoarray[a]){
        opciones+="selected='selected'";
    }
    opciones+=">"+annoarray[a]+"</option>";
} 
return opciones;
}
</script>
</head>
 
<body>
<select name="mes" id="mes">
<script>document.write(selMes());</script>
</select>
<select name="anno" id="anno">
<script>document.write(selAnno());</script>
</select>
</body>
</html>