jquerydatetimepickermindate

jquery datetime picker set minDate dynamic


I guys i'm using a datetimepicker by trentrichardson.com.

I have a form with two input fields : from and to and i want to be able to set dynamically a minDate to my "to" field equal to the value of my "from" field.

I know i should use a beforShow option but don't know how to implement the function.

$('.from,.to').datetimepicker({

    beforeShow: customRange

});

EDITED/SOLUTION

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 ); 
} } 

Solution

  • you can set and get minDate dynamically with setter and getter:

    //getter
    var minDate = $( ".selector" ).datepicker( "option", "minDate" );
    //setter
    $( ".selector" ).datepicker( "option", "minDate", new Date(2007, 1 - 1, 1) );
    

    explained here