Ayuda con un select de fecha

Dheymer · #1 (**permalink**) 19/02/2003, 10:08

Hola a todos, necesito una ayuda con unos select, resulta q necesito validar q los usuarios no introduzcan fechas superiores a la actual.

Necesito q el select del año se llene hasta el año actual. Dependiendo del valor dl año, el select d los meses se llene completo o hasta el mes actual si es el año n curso. Dependiendo de los valores d mes y año, q el select d los días se llene hasta 30, 31, 28, 29 ó hasta la fecha actual, según sea el caso.

Necesito ayuda con esto, es urgente :neurótico

Kaopectate · #2 (**permalink**) 20/02/2003, 12:14

Hola Dheymer, espero que no sea demasiado tarde para la ayuda que pedías. Revisa esto por favor:

Código PHP:

  <html> 
 <head> 
  <script language="JavaScript"> 
 
   var aMeses = new Array("Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre") 
 
   function padNmb(nStr, nLen, sChr){ 
    var sRes = String(nStr); 
    for (var i = 0; i < nLen - String(nStr).length; i++) 
     sRes = sChr + sRes; 
    return sRes; 
   } 
 
   function makeDateFormat(nDay, nMonth, nYear){ 
    var sRes; 
    sRes = padNmb(nDay, 2, "0") + "/" + padNmb(nMonth, 2, "0") + "/" + padNmb(nYear, 4, "0"); 
    return sRes; 
   } 
    
   function addOpt(oCntrl, iPos, sTxt, sVal){ 
    var selOpcion = new Option(sTxt, sVal); 
    oCntrl.options.add(selOpcion, iPos); 
   } 
 
   function lastDayOfMonth(nMonth, nYear){ 
    var aMonth = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31); 
    if ((nMonth == 2) && (nYear % 4 == 0)) 
     return 29; 
    else 
     return aMonth[nMonth - 1]; 
   } 
 
   function cambia(nCambiado){ 
    var nAno; 
    var nMes; 
    with (document.frm){ 
     nAno = parseInt(ano.options[ano.selectedIndex].value); 
     switch (nCambiado){ 
      case 0: 
       llenaMes(mes, nAno); 
       break; 
      case 1: 
       nMes = parseInt(mes.options[mes.selectedIndex].value); 
       llenaDia(dia, nAno, nMes) 
       break; 
      case 2: 
       nMes = parseInt(mes.options[mes.selectedIndex].value); 
       nDia = parseInt(dia.options[dia.selectedIndex].value); 
       res.value = makeDateFormat(nDia, nMes + 1, nAno); 
       break; 
     } 
    } 
   } 
 
   function llenaAno(oAno){ 
    var hoy = new Date(); 
    var ini = 1960; 
    addOpt(oAno, 0, "", ""); 
    for (var i = ini; i <= hoy.getYear(); i++) 
     addOpt(oAno, i - ini + 1, String(i), String(i)); 
   } 
 
   function llenaMes(oMes, nAno){ 
    var hoy = new Date(); 
    var nFin = 11; 
    while (oMes.length > 0) oMes.remove(0); 
    if (nAno == hoy.getYear()) nFin = hoy.getMonth(); 
    addOpt(oMes, 0, "", ""); 
    for (var i = 0; i <= nFin; i++) 
     addOpt(oMes, i + 1, aMeses[i], String(i)); 
   } 
 
   function llenaDia(oDia, nAno, nMes){ 
    var hoy = new Date(); 
    var nFin = lastDayOfMonth(nMes + 1, nAno); 
    while (oDia.length > 0) oDia.remove(0); 
    if (nAno == hoy.getYear() && nMes == hoy.getMonth()) nFin = hoy.getDate(); 
    addOpt(oDia, 0, "", ""); 
    for (var i = 1; i <= nFin; i++) 
     addOpt(oDia, i + 1, String(i), String(i)); 
   } 
 
  </script> 
 </head> 
 <body onload=" llenaAno(document.frm.ano)"> 
  <form name="frm"> 
   <table border="0"> 
    <tr> 
     <td align="right"> 
      Año:  
     </td> 
     <td> 
      <select name="ano" onchange="cambia(0)" style="width: 80"> 
      </select> 
     </td> 
    </tr> 
    <tr> 
     <td align="right"> 
      Mes:  
     </td> 
     <td> 
      <select name="mes" onchange="cambia(1)" style="width: 80"> 
      </select> 
     </td> 
    </tr> 
    <tr> 
     <td align="right"> 
      Día:  
     </td> 
     <td> 
      <select name="dia" onchange="cambia(2)" style="width: 80"> 
      </select> 
     </td> 
    </tr> 
    <tr> 
     <td align="right"> 
      Fecha: 
     </td> 
     <td> 
      <input type="text" name="res" disabled> 
     </td> 
    </tr> 
   </table> 
  </form> 
 </body> 
</html>

Saludos compatriota.

KarlanKas · #3 (**permalink**) 20/02/2003, 12:38

Bueno... que sorpresa al ver que el magnífico Kao (hola Kao!!) ya había respondido... como es largo el código ya a pesar que el de Kao es mejor pues lo pongo como testimonio de que yo tb quería ayudar!!

Un saludo

Código PHP:

   
<html> 
<head> 
    <title>Fechitas</title> 
     
    <script> 
    var anio 
    var mees 
    //febrero 2003: el mes de las fechas. 
    chicaDeAyer=[31,28,31,30,31,30,31,31,30,31,30,31]; 
    cancionDe1981=["enero","febrero","marzo","abril","mayo","junio","julio","agosto","septiempre","octubre","noviembre","diciembre"] 
    var unDiaCualquieraNoSabesQueHoraEs=new Date(); 
    var teAcuestasAMiLadoSinSaberPorque=unDiaCualquieraNoSabesQueHoraEs.getYear(); 
    var lasCallesMojadasTeHanVistoCrecer=unDiaCualquieraNoSabesQueHoraEs.getMonth(); 
    var yTuEnTuCorazonEstasLlorandoOtraVez=unDiaCualquieraNoSabesQueHoraEs.getDate(); 
    var chicaVeteATuCasaNoPodemosJugar 
    var jugandoConLasFloresDeMiJardin 
     
    function dias(mes){ 
jugandoConLasFloresDeMiJardin="" 
    mes=mes-1; 
    if (mes==lasCallesMojadasTeHanVistoCrecer&&anio==teAcuestasAMiLadoSinSaberPorque){dia=yTuEnTuCorazonEstasLlorandoOtraVez} 
    else {dia=chicaDeAyer[mes]} 
    for (meAsomoALaVentanaEresLaChicaDeAyer=1;meAsomoALaVentanaEresLaChicaDeAyer<dia+1;meAsomoALaVentanaEresLaChicaDeAyer++){ 
    if(!jugandoConLasFloresDeMiJardin){jugandoConLasFloresDeMiJardin='<select name="dia" size="1"><option value="--">--</option>'} 
    jugandoConLasFloresDeMiJardin=jugandoConLasFloresDeMiJardin+'<option value="'+meAsomoALaVentanaEresLaChicaDeAyer+'">'+meAsomoALaVentanaEresLaChicaDeAyer+'</option>' 
    } 
    jugandoConLasFloresDeMiJardin=jugandoConLasFloresDeMiJardin+'</select>' 
    diita.innerHTML=jugandoConLasFloresDeMiJardin 
    } 
     
    function meses(anio2){ 
    chicaVeteATuCasaNoPodemosJugar="" 
    anio=anio2 
    if (anio==teAcuestasAMiLadoSinSaberPorque){ 
    mees=lasCallesMojadasTeHanVistoCrecer+1} 
    else {mees=12;} 
    for (demasiadoTardeParaComprender=0;demasiadoTardeParaComprender<mees;demasiadoTardeParaComprender++){ 
    if(!chicaVeteATuCasaNoPodemosJugar){chicaVeteATuCasaNoPodemosJugar='<select onchange="dias(this.selectedIndex)" name="mes" size="1"><option value="--">--</option>'} 
    chicaVeteATuCasaNoPodemosJugar=chicaVeteATuCasaNoPodemosJugar+'<option value="'+demasiadoTardeParaComprender+'">'+cancionDe1981[demasiadoTardeParaComprender]+'</option>'; 
    } 
    chicaVeteATuCasaNoPodemosJugar=chicaVeteATuCasaNoPodemosJugar+'</select>' 
    mesecito.innerHTML=chicaVeteATuCasaNoPodemosJugar 
    } 
     
    function empezar(){ 
    tusCabellosDoradosParecenElSol="" 
        for (laLuzDeLaManianaEntraEnLaHabitacion=teAcuestasAMiLadoSinSaberPorque;laLuzDeLaManianaEntraEnLaHabitacion>1940;laLuzDeLaManianaEntraEnLaHabitacion--){ 
     
    if(!tusCabellosDoradosParecenElSol){var tusCabellosDoradosParecenElSol='<select onchange="meses(this.value)" name="anio" size="1"><option value="--">--</option>'} 
    tusCabellosDoradosParecenElSol=tusCabellosDoradosParecenElSol+'<option value="'+laLuzDeLaManianaEntraEnLaHabitacion+'">'+laLuzDeLaManianaEntraEnLaHabitacion+'</option>'; 
    } 
    tusCabellosDoradosParecenElSol=tusCabellosDoradosParecenElSol+'</select>' 
    anito.innerHTML=tusCabellosDoradosParecenElSol; 
    } 
     
    </script> 
</head> 
 
<body onload="empezar()"> 
<form action="AntonioVega" name="NachaPop" id="NachaPop"> 
 
<table><tr><td><div id=diita><select name="" disabled><option>--</option> 
</select></div></td><td><div id=mesecito><select name="" disabled><option>------------</option> 
</select></div></td><td><div id=anito></div></td></tr></table> 
 
 
</form> 
 
 
</body> 
</html>

Dheymer · #4 (**permalink**) 20/02/2003, 14:29

Gracias a los dos, algo como eso era lo q estaba buscando