Tema: Calcular Diferencia entre 2 Fechas, aun input con checkbox
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 13/08/2014, 15:58
djdonovans
 
Fecha de Ingreso: marzo-2007
Mensajes: 17
Antigüedad: 17 años, 8 meses
Puntos: 0
Pregunta Calcular Diferencia entre 2 Fechas, aun input con checkbox
Saludos a toda la comunidad tengo este problema con el cual no estoy pudiendo solucionarlo

el Caso es q tengo 2 Input con datepicker y necesito calcular en tiempo real la cantidad de dias atraves de estas 2 fechas y ese calculo debe ir a otro input que esta bloqueado

y si por alguna razon deseo poner ese calculo manual necesito habilitar ese input que esta bloqueado y hacer una edicion a ese input.

Estare infinitamente agradecito por su ayuda.

Código HTML: 
Ver original
  1. <html>
  2. <head>
  3.  
  4. <script src="jquery/jquery.js"></script>
  5. <link rel="stylesheet" type="text/css" href="jquery/jquery-ui.css">
  6. <script type="text/javascript" src="jquery/jquery-ui.min.js"></script>
  7.  
  8.  
  9. <script>
  10. $(function () {
  11. $("#fecha1").datepicker({
  12.       changeMonth: true,
  13.       changeYear: true
  14.     });
  15. $("#fecha2").datepicker({
  16.       changeMonth: true,
  17.       changeYear: true
  18.     });
  19. });
  20.  
  21. $.datepicker.regional['es'] = {
  22.  closeText: 'Cerrar',
  23.  prevText: '<Ant',
  24.  nextText: 'Sig>',
  25.  currentText: 'Hoy',
  26.  monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
  27.  monthNamesShort: ['Ene','Feb','Mar','Abr', 'May','Jun','Jul','Ago','Sep', 'Oct','Nov','Dic'],
  28.  dayNames: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
  29.  dayNamesShort: ['Dom','Lun','Mar','Mié','Juv','Vie','Sáb'],
  30.  dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sá'],
  31.  weekHeader: 'Sm',
  32.  dateFormat: 'dd/mm/yy',
  33.  firstDay: 1,
  34.  isRTL: false,
  35.  showMonthAfterYear: false,
  36.  yearSuffix: ''
  37.  };
  38.  $.datepicker.setDefaults($.datepicker.regional['es']);
  39. $(function () {
  40. $("#fecha").datepicker();
  41. });
  42.  
  43. </script> 
  44.  
  45.  
  46. </head> 
  47.  
  48. <body> 
  49.     <form name='frm'> 
  50.         <div class="control-group">
  51.             <label>Desde Fecha:</label>
  52.             <input type="text" name="de_fecha" id="fecha1"/>
  53.         </div>
  54.         <div class="control-group">
  55.             <label>Hasta Fecha:</label>
  56.             <input type="text" name="a_fecha" id="fecha2"/>
  57.         </div>
  58.         <div class="control-group">
  59.             <label>Total Dias:</label>
  60.             <input type="text" name="total" disabled/>
  61.             <input type="checkbox" id="casilla" value="1"/>Valor Manual
  62.         </div>
  63.     </form> 
  64. </body> 
  65. </html>