How to set a jqueryui datepicker minDate after initialization?

Question

I have two datepickers (jqueryui) and I would like to restrict the second inputs (minDate property) to the value selected in first. How should I do this? I wrote the following code, without success:

  $("#picker1").button().click(function() {
        var minDate = $( "#picker1" ).datepicker( "getDate" );
        $( "#picker2" ).datepicker( "option", "minDate", minDate );  
        $( "#picker2" ).datepicker( "refresh");  
        });

Can you help me with this?

Thanks!

Answer 1

Try

$('#p1, #p2').datepicker();

$('#p1').change(function(){
    $('#p2').datepicker('option', 'minDate', $('#p1').datepicker('getDate'))
});

Demo: Fiddle

Answer 2

I suspect getDate returning string .You can try like this.

$("#picker1").button().click(function() {
        var minDate = $( "#picker1" ).datepicker( "getDate" );      
        $( "#picker2" ).datepicker( "option", "minDate",  new Date(minDate));  
        $( "#picker2" ).datepicker( "refresh");  
        });