Ver Mensaje Individual
  #1 (permalink)  
Antiguo 15/05/2013, 09:32
inovaweb
 
Fecha de Ingreso: mayo-2013
Mensajes: 22
Antigüedad: 11 años, 7 meses
Puntos: 0
Limitar rango de fecha de un glDatePicker

Buenas tardes,

estoy utilizando glDataPicker:

http://glad.github.io/glDatePicker/#reference

El objetivo es tener dos selectores de fecha para indicar el comienzo y el fin de un viaje.. El primer datapicker lo tengo limitado correctamente, pero necesito limitar el segundo para que solo se puedan seleccionar fechas posteriores a la seleccionada en el primer data picker..

El codigo es el siguiente:

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2.         $(window).load(function()
  3.         {
  4.             $('input#embarque').glDatePicker(
  5.                 {
  6.                     todayDate: new Date(),
  7.                     dowOffset: 1,
  8.                     selectableYears: [2013, 2014],
  9.                     monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
  10.                     dowNames: ['D','L','M','X','J','V','S'],
  11.                     selectableDateRange: [
  12.            { from: new Date(), to: new Date (2014,30,11)}
  13.     //         { from: new Date(2013, 4, 1), to: newDate (2013, 8, 1) },
  14.     //         { from: new Date(2013, 7, 10), to: newDate (2013, 9, 10) },
  15.     //         { from: new Date(0, 8, 10), repeatYear: true }
  16.     //         { from: new Date(0, 9, 1), repeatYear: true }
  17.          ]
  18.          
  19.                    
  20.                    
  21.  
  22.                    
  23.                
  24.                 });
  25.            
  26.              $('input#desembarque').glDatePicker(
  27.                 {
  28.                     todayDate: new Date(),
  29.                     dowOffset: 1,
  30.                     selectableYears: [2013, 2014],
  31.                     monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
  32.                     dowNames: ['D','L','M','X','J','V','S'],
  33.                     selectableDateRange: [
  34.            { from: new Date(), to: new Date (2014,30,11)}
  35.     //         { from: new Date(2013, 4, 1), to: newDate (2013, 8, 1) },
  36.     //         { from: new Date(2013, 7, 10), to: newDate (2013, 9, 10) },
  37.     //         { from: new Date(0, 8, 10), repeatYear: true }
  38.     //         { from: new Date(0, 9, 1), repeatYear: true }
  39.          ]
  40.                 });
  41.            
  42.         });
  43. </script>

La idea seria guardar en una variable global la fecha seleccionada para el embarque y poder filtrar con ella en el datepicker del desembarque..

Alguien me puede guiar en el proceso?? Entiendo que habria que utilizar el evento onClick del primer datepicker..

Un saludo y cualquier aporte es bienvenido.

Gracias de antemano.