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
<script type="text/javascript"> $(window).load(function() { $('input#embarque').glDatePicker( { todayDate: new Date(), dowOffset: 1, selectableYears: [2013, 2014], monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'], dowNames: ['D','L','M','X','J','V','S'], selectableDateRange: [ { from: new Date(), to: new Date (2014,30,11)} // { from: new Date(2013, 4, 1), to: newDate (2013, 8, 1) }, // { from: new Date(2013, 7, 10), to: newDate (2013, 9, 10) }, // { from: new Date(0, 8, 10), repeatYear: true } // { from: new Date(0, 9, 1), repeatYear: true } ] }); $('input#desembarque').glDatePicker( { todayDate: new Date(), dowOffset: 1, selectableYears: [2013, 2014], monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'], dowNames: ['D','L','M','X','J','V','S'], selectableDateRange: [ { from: new Date(), to: new Date (2014,30,11)} // { from: new Date(2013, 4, 1), to: newDate (2013, 8, 1) }, // { from: new Date(2013, 7, 10), to: newDate (2013, 9, 10) }, // { from: new Date(0, 8, 10), repeatYear: true } // { from: new Date(0, 9, 1), repeatYear: true } ] }); }); </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.