Chicos, estoy usando un selector de fecha y hora de trentrichardson.com.
Tengo un formulario con dos campos de entrada: desde y hasta , y quiero poder establecer dinámicamente una fecha mínima en mi campo "hasta" igual al valor de mi campo "desde".
Sé que debería usar una opción beforShow pero no sé cómo implementar la función.
$('.from,.to').datetimepicker({ beforeShow: customRange });EDITADO/SOLUCIÓN
function customRange(input) { if (input.id == 'to') { var x=$('#from').datepicker("getDate"); $( ".to" ).datepicker( "option", "minDate",x ); } else if (input.id == 'from') { var x=$('#to').datepicker("getDate"); $( ".from" ).datepicker( "option", "maxDate",x ); } }puede configurar y obtener minDate dinámicamente con setter y getter:
//getter var minDate = $( ".selector" ).datepicker( "option", "minDate" ); //setter $( ".selector" ).datepicker( "option", "minDate", new Date(2007, 1 - 1, 1) );Si tiene dos cuadros de texto con los ID correspondientes from y to y desea que la minDate de to sea la fecha seleccionada de from , haga lo siguiente:
$("#from").datepicker({ minDate: 0, // to disable past dates (skip if not needed) onClose: function(selectedDate) { // Set the minDate of 'to' as the selectedDate of 'from' $("#to").datepicker("option", "minDate", selectedDate); } }); $("#to").datepicker();Puede restringir el rango del selector de fechas .
Pero desea establecer este rango en la creación del selector de fechas en el "desde". Te hice una demostración que parece funcionar bien hasta donde entiendo la pregunta.