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<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.