Warum nächste Schaltfläche öffnen und schließen Sie meinen Kalender?

Question

Ich verwende zwei Datumsauswahl in meinem Projekt, Startdatum und Enddatum. Die erste öffnen Sie den zweiten Kalender mit zeigen Methode.

Ich bemerke die nächste Schaltfläche auf dem zweiten Kalender schließen und öffnen Sie den Kalender erneut.
Ich möchte dieses Problem "öffnen/wieder öffnen" vermeiden.

Was mache ich falsch?

HTML

<input id="startDate" type="text" /><br /> 
<input id="endDate" type="text" /><br /> 

Javascript

$(function(){ 
    $('#startDate').datepicker({ 
     dateFormat: 'dd-mm-yy', 
     onClose: function (dateText, inst) { 
      $('#endDate').datepicker("show"); 
     } 
    }); 

    $('#endDate').datepicker({ 
     dateFormat: 'dd-mm-yy' 
    }); 

}); 

Bitte meinen Code überprüfen: http://jsfiddle.net/8w8v9/3078/

Answer 1

Ich habe eine schmutzige Lösung, kann ich nur vermuten, was passieren: Sie die zeigen, "endDate" datepicker vorher ist total geschlossen der erste und dieser crea testet einen Konflikt.

The JSFiddle

$(function() { 

    $('#startDate').datepicker({ 
    dateFormat: 'dd-mm-yy', 
    onClose: function(dateText, inst) { 
     setTimeout(function() { 
     $('#endDate').datepicker('show'); 
     }, 50); 
    } 
    }); 

    $('#endDate').datepicker({ 
    dateFormat: 'dd-mm-yy' 
    }); 

});