Datepicker не отображается после выбора

Question

<form action="" class="test-form"> 
    <input type="text" name="start"> 
    <input type="text" name="end"> 
</form> 

$('input[name=start]').datepicker({ 
    onSelect: function() { 
    var $thisEnd = $(this).closest('.test-form').find('input[name=end]'); 
     $thisEnd.datepicker(); 
     $thisEnd.datepicker('show'); 
    } 
}); 
$('input[name=end]').datepicker(); 

Когда выбранный пуск даты, конец даты даты открыт и сразу закрывается. Я не знаю почему.

Answer 1

Попробуйте это:

Использование setTimeout() для авто открытого DatePicker даты конца:

$('input[name=end]').datepicker(); 
 

 
$('input[name=start]').datepicker({ 
 
    autoclose: true, // This enable you to close the picker 
 
    onSelect: function() { 
 
     setTimeout(function(){ 
 
     $('input[name="end"]').focus(); 
 
     }, 10); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
 
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
 
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
 

 
<form action="" class="test-form"> 
 
    <input type="text" name="start"> 
 
    <input type="text" name="end"> 
 
</form>