Jquery UI Datepicker altField input not working

Question

I have two inputs with datepicker, I need that first datepicker can initialize another, this works great with altField , but the datepicker from the second input does not work anymore. I make a example with this data:

https://jsfiddle.net/5njLoxd5/

<input type="text" id="lightBillingStartdate" /><br/>
<input type="text" id="lightBillingFinishDate" /><br/>

$( "#lightBillingStartdate" ).datepicker({
    altField: "#lightBillingFinishDate",
    altFormat: "dd/mm/yy",
    dateFormat: "dd/mm/yy",
    maxDate: 0,
    onSelect: function(selected) {
        $("#lightBillingFinishDate").datepicker("option","minDate", selected);
    }        
});

$( "#lightBillingFinishDate" ).datepicker({
    dateFormat: "dd/mm/yy",
    maxDate: 0,
    onSelect: function(selected) {
                $("#lightBillingStartdate").datepicker("option","maxDate", selected);
    } 
});

Answer 1

I would use setDate method like so: https://jsfiddle.net/Twisty/5njLoxd5/2/

$("#lightBillingStartdate").datepicker({
  dateFormat: "dd/mm/yy",
  maxDate: 0,
  onSelect: function(selected) {
    $("#lightBillingFinishDate").datepicker("option", "minDate", selected);
    $("#lightBillingFinishDate").datepicker("setDate", selected);
  }
});

$("#lightBillingFinishDate").datepicker({
  dateFormat: "dd/mm/yy",
  maxDate: 0,
  onSelect: function(selected) {
    $("#lightBillingStartdate").datepicker("option", "maxDate", selected);
  }
});