Foros del Web » Programando para Internet » Jquery »

Mostrar nº de dias y noches entre 2 fechas de un jquery datepicker

Estas en el tema de Mostrar nº de dias y noches entre 2 fechas de un jquery datepicker en el foro de Jquery en Foros del Web. Hola: Estoy usando un jquery datepicker para que el usuario seleccione fecha de llegada y fecha de salida y necesito que después de ello, se ...
  #1 (permalink)  
Antiguo 27/09/2012, 06:03
Avatar de kimmy  
Fecha de Ingreso: julio-2008
Mensajes: 841
Antigüedad: 15 años, 8 meses
Puntos: 15
Mostrar nº de dias y noches entre 2 fechas de un jquery datepicker

Hola:

Estoy usando un jquery datepicker para que el usuario seleccione fecha de llegada y fecha de salida y necesito que después de ello, se muestre en un input text la cantidad de dias y noches entre estas fechas. Este es mi código:

Código PHP:
Ver original
  1. <fieldset>
  2.             <legend>Fechas:</legend>
  3.            
  4.             <label for="input-diez" class="float"><strong>Llegada:</strong></label>
  5.             <label><input type="text" id="datepicker_1" name="llegada" class="fechador" ></label>
  6.            
  7.             <label for="input-once" class="float"><strong>Salida:</strong></label>
  8.             <label><input type="text" id="datepicker_2" name="salida" class="fechador"  ></label>
  9.             <label for="input-doce" class="float"><strong>Nº Días y Noches:</strong></label>
  10.             <label></label>
  11. </fieldset>
  12.  
  13. <script type="text/javascript">
  14. $(document).ready(function() {
  15.    $("#datepicker").datepicker();
  16. });
  17. </script>
  18. <script type="text/javascript">
  19. $(function () {
  20. // obtenemos la fecha actual
  21. var date = new Date();
  22. var m = date.getMonth(), d = date.getDate(), y = date.getFullYear();
  23. // inicializamos datapicker para cada input en este caso con la fecha activa a partir del dia de hoy y con el formato de fecha dd/mm/yy
  24. $("#datepicker_1").datepicker({ minDate: new Date(y, m, d), dateFormat: 'dd/mm/yy' });
  25. $("#datepicker_2").datepicker({ minDate: new Date(y, m, d), dateFormat: 'dd/mm/yy' });
  26. });
  27. </script>

Como puedo lograr esto???

Gracias
__________________
Caminando con el corazón partío
  #2 (permalink)  
Antiguo 27/09/2012, 07:23
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: Mostrar nº de dias y noches entre 2 fechas de un jquery datepicker

La diferencia de dias entre dos fechas la podés calcular asi
Código Javascript:
Ver original
  1. <script type="text/javascript">
  2. //<![CDATA[
  3. var fecha2 ='09/15/2012';//mm/dd/yy
  4. var fecha1 = '10/13/2012';
  5. var diferencia =  Math.floor(( Date.parse(fecha2) - Date.parse(fecha1) ) / 86400000);
  6. if(diferencia < 0){
  7. diferencia = diferencia*(-1);
  8. }
  9. alert(diferencia);
  10. //]]>
  11. </script>
Ahora lo de los dias y noches se complica, deberías calcular tambien la diferencia respecto a la hora de ingreso y salida, y determinar de que hora a que hora es la "noche" y/ ó "el día"

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #3 (permalink)  
Antiguo 27/09/2012, 08:25
Avatar de kimmy  
Fecha de Ingreso: julio-2008
Mensajes: 841
Antigüedad: 15 años, 8 meses
Puntos: 15
Respuesta: Mostrar nº de dias y noches entre 2 fechas de un jquery datepicker

Gracias por responder, pero no se como usarla. La coloqué asi pero no funciona:

Código Javascript:
Ver original
  1. //<![CDATA[
  2. var diferencia = *Math.floor(( Date.parse(datepicker_2) - Date.parse(datepicker_1) ) / 86400000);
  3. if(diferencia < 0){
  4. diferencia = diferencia*(-1);
  5. }
  6. alert(diferencia);
  7. //]]>
__________________
Caminando con el corazón partío
  #4 (permalink)  
Antiguo 28/06/2013, 10:37
Avatar de monazsx  
Fecha de Ingreso: enero-2012
Ubicación: C.E.R.C.A
Mensajes: 2
Antigüedad: 12 años, 2 meses
Puntos: 0
Respuesta: Mostrar nº de dias y noches entre 2 fechas de un jquery datepicker

A mi si me sirvió de mucho, funciona excelente!! Solo una pregunta por que lo divides entre 86400000??
  #5 (permalink)  
Antiguo 28/06/2013, 20:34
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: Mostrar nº de dias y noches entre 2 fechas de un jquery datepicker

Cita:
Iniciado por monazsx Ver Mensaje
A mi si me sirvió de mucho, funciona excelente!! Solo una pregunta por que lo divides entre 86400000??
Date.parse() nos devuelve un valor en milisegundos por lo que para hacer la operación en lugar de tomar los 86400 segundos que tiene un día ponemos su equivalente en milisegundos

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Etiquetas: datepicker, dias, input
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 2 personas




La zona horaria es GMT -6. Ahora son las 09:12.