Suma dependiendo si es día, mes o año

cym · #1 (**permalink**) 09/04/2011, 01:12

Hola a todos!!! tengo este código en html y quiero sumar, teniendo una fecha como base, dependiendo de lo que se elija en el select, si es día, mes o año. Supongo que se lo hará en javascript.

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
    <p>Fecha de Ingreso del Equipo:
   <input type="text" size="13" id="inputField" class="moy"/>dd-mm-aaaa</p>
    <br/>
    <p>Frecuencia de mantenimiento recomendada:  
    cada: <input type="text" size="5" id="ddd" class="moy" />&nbsp;&nbsp;
        <select onchange="" name="a" style=" width: 85px;">
                <option value="dias"> Dias </option>
                <option value="meses"> Meses </option>
                <option value="anios"> Anios</option>
                </select></p>
                <div>
                    <input class="mibot" type="button" id="botit"  value="Calcular"/>
                </div>
    <br/>
    <p>Fecha Estimada del Proximo mantenimiento:
    <input type="text" size="13" id="inputField2" class="moy" /></p>
    <br/>
</body>
</html>

Por ejemplo en:
Fecha de Ingreso del Equipo en el input id="inputField" ingreso 25-12-2009,
después en: Frecuencia de mantenimiento recomendada en el input id="ddd" ingreso 20 y dependiendo de lo que elijo en el select día, mes o año y al presionar el botón "Calcular" el resultado me tendría que aparecer en el campo Fecha Estimada del Proximo mantenimiento en el input id="inputField2". Por ejemplo si escogiera días me tendría que dar la suma de 14-01-2010, si eligiera mes la suma tendría que dar 25-08-2011 y si eligiera año sería 25-12-2029. Espero ser clara y que me puedan ayudar. Desde ya muchas gracias!!!!

occiso · #2 (**permalink**) 09/04/2011, 08:14

Te indico la solucion "casi" hecha. Y digo casi porque en javascript los meses van del cero al once, es decir que cuando creas un objeto Date con el mes cero entiende que es enero, y con el 11 entiende que es diciembre (un verdadero genio el que pensó eso). Lo más divertido de todo es que si crear un objeto date con el mes 12 interpreta que es enero del año siguiente. Haz la prueba. te falta corregir eso porque no calcula bien la fecha si pasa del año. Lo dejo para ti.

Código PHP:

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <script type="text/javascript">
    
    function calcular(){
    
        var fecha = document.getElementById('inputField').value;
        fecha = fecha.split('-');
        
        var selFrq = document.getElementById('frq').value;        
        var dateResult;
        var valor = parseInt(document.getElementById('ddd').value);
        
        switch (selFrq){
        
            case 'dias':
                var dia = parseInt(fecha[0]) + valor;
                dateResult = new Date (fecha[2], parseInt(fecha[1]), dia)
            break;
            case 'meses':
                var mes = parseInt(fecha[1]) + valor;
                dateResult = new Date (fecha[2], mes, fecha[0])
            break;
            
            case 'anios':
                var anio = parseInt(fecha[2]) + valor;
                dateResult = new Date (anio, parseInt(fecha[1]), fecha[0])                
            break;
            
            default:
            alert('la he cagado bien cagada');
        }
        
        
        var fechaResult = dateResult.getDate() + '-' + dateResult.getUTCMonth() + '-' +dateResult.getUTCFullYear();

        document.getElementById('inputField2').value = fechaResult;
    }
    
    </script>
    <body>
        <p>Fecha de Ingreso del Equipo:
       <input type="text" size="13" id="inputField" class="moy"/>dd-mm-aaaa</p>
        <br/>
        <p>Frecuencia de mantenimiento recomendada:  
        cada: <input type="text" size="5" id="ddd" class="moy" />&nbsp;&nbsp;
            <select onchange="" name="a" style=" width: 85px;" id="frq">
                    <option value="dias"> Dias </option>
                    <option value="meses"> Meses </option>
                    <option value="anios"> Anios</option>
                    </select></p>
                    <div>
                        <input class="mibot" type="button" id="botit"  value="Calcular" onClick="calcular()"/>
                    </div>
        <br/>
        <p>Fecha Estimada del Proximo mantenimiento:
        <input type="text" size="13" id="inputField2" class="moy" /></p>
        <br/>
    </body>
    </html>

cym · #3 (**permalink**) 10/04/2011, 12:53

Muchísimas gracias Occiso!!!! funciona perfecto!!! ya le voy a pulir ciertas cosas como cuando es en el mes de febrero, que tiene 28 días.

cym · #4 (**permalink**) 10/04/2011, 20:15

Aquí está con las modificaciones el código. Muchísimas gracias de nuevo Occiso!!!!

Código PHP:

   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <script type="text/javascript"> 
 
    function calcular(){ 
 
        var fecha = document.getElementById('inputField').value; 
        fecha = fecha.split('-'); 
 
        var selFrq = document.getElementById('frq').value; 
        var dateResult; 
        var valor = parseInt(document.getElementById('ddd').value); 
 
        switch (selFrq){ 
 
            case 'dias': 
                var dia = parseInt(fecha[0]) + valor; 
                dateResult = new Date (fecha[2], (parseInt(fecha[1])-1), dia) 
            break; 
            case 'meses': 
                var mes = (parseInt(fecha[1]) - 1) + valor; 
                dateResult = new Date (fecha[2], mes, fecha[0]) 
            break; 
 
            case 'anios': 
                var anio = parseInt(fecha[2]) + valor; 
                dateResult = new Date (anio, (parseInt(fecha[1])-1), fecha[0]) 
            break; 
 
            default: 
            alert('la he cagado bien cagada'); 
        } 
 
 
        var fechaResult = dateResult.getDate() + '-' + (dateResult.getUTCMonth()+1) + '-' +dateResult.getUTCFullYear(); 
 
        document.getElementById('inputField2').value = fechaResult; 
    } 
 
    </script> 
    <body> 
        <p>Fecha de Ingreso del Equipo: 
       <input type="text" size="13" id="inputField" class="moy"/>dd-mm-aaaa</p> 
        <br/> 
        <p>Frecuencia de mantenimiento recomendada: 
        cada: <input type="text" size="5" id="ddd" class="moy" />&nbsp;&nbsp; 
            <select onchange="" name="a" style=" width: 85px;" id="frq"> 
                    <option value="dias"> Dias </option> 
                    <option value="meses"> Meses </option> 
                    <option value="anios"> Anios</option> 
                    </select></p> 
                    <div> 
                        <input class="mibot" type="button" id="botit"  value="Calcular" onClick="calcular()"/> 
                    </div> 
        <br/> 
        <p>Fecha Estimada del Proximo mantenimiento: 
        <input type="text" size="13" id="inputField2" class="moy" /></p> 
        <br/> 
    </body> 
    </html>

occiso · #5 (**permalink**) 14/04/2011, 09:53

Ojo con los meses '08' y '09' porque al llevar el cero delante js interpreta que están en base numérica octal.

http://www.w3schools.com/jsref/jsref_parseInt.asp

deberías poner

Código PHP:

  (parseInt(fecha[1])-1, 10)

cym · #6 (**permalink**) 17/04/2011, 12:38

Muchas gracias por el detalle, no me había percatado de eso. Lo tuve que poner así para que me lo tome

Código Javascript:

Ver original(parseInt((fecha[1] - 1), 10))