Foros del Web » Programando para Internet » Jquery »

Limitar rango de fecha de un glDatePicker

Estas en el tema de Limitar rango de fecha de un glDatePicker en el foro de Jquery en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 15/05/2013, 09:32
 
Fecha de Ingreso: mayo-2013
Mensajes: 22
Antigüedad: 11 años
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.
  #2 (permalink)  
Antiguo 28/05/2013, 12:07
 
Fecha de Ingreso: mayo-2013
Mensajes: 22
Antigüedad: 11 años
Puntos: 0
Respuesta: Limitar rango de fecha de un glDatePicker

Revivo el post ya que aun no le he dado solucion..

Tb no logro pasar el valor del input text donde esta el glDatePicker al postear el formulario.. Alguna idea??

Salu2

Etiquetas: limitar
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




La zona horaria es GMT -6. Ahora son las 00:40.