jQuery UI Datepicker - Tại sao biểu tượng ngày 2 biến mất khi tập trung?

Question

Tôi có hai thành phần input hoạt động như trình tạo ngày tháng của giao diện người dùng jQuery. Sau khi bạn thực hiện lựa chọn trên phần tử datepicker đầu tiên, nó sẽ tự động tập trung vào phần tử datepicker thứ hai và hiển thị lịch, cho phép bạn dễ dàng và nhanh chóng lựa chọn.

Vì bất kỳ lý do gì, lần xuất hiện ngày/giờ thứ hai xuất hiện trong giây lát và sau đó biến mất. Tôi không chắc tại sao nó lại biến mất; bất cứ ai có thể cung cấp cho tôi một lời giải thích là tại sao nó biến mất và một giải pháp có thể?

Hiện nay việc sử dụng các thư viện sau: jQuery 1.8.3, jQuery UI 1.9.2

Dưới đây là đoạn code tôi hiện đang sử dụng:

<ul class="fields"> 
    <li><label>Date picker #1</label> 
     <input type="text" class="date-picker-1" /> 
    </li> 
    <li><label> Date picker #2</label> 
     <input type="text" class="date-picker-2" /> 
    </li> 
</ul> 

$('input.date-picker-1').datepicker({ 
    constrainInput: true, 
    hideIfNoPrevNext: true, 
    onSelect: function() { 
     $(this).closest('.fields') 
      .find('.date-picker-2').datepicker('show'); 
    } 
}); 

$('input.date-picker-2').datepicker({ 
    onFocus: 'show' 
}); 

Dưới đây là một fiddle: http://jsfiddle.net/B78JJ/

Nếu bất kỳ các thông tin khác sẽ hữu ích, vui lòng hỏi và tôi rất sẵn lòng trợ giúp.

Answer 1

Có vẻ như một vấn đề thời gian tập trung, thực hiện giải pháp nhanh chóng là sử dụng một thời gian chờ nhỏ:

$('input.date-picker-1').datepicker({ 
    constrainInput: true, 
    hideIfNoPrevNext: true, 
    onSelect: function() { 
     var dees = $(this); 
     setTimeout(function() { 
      dees.closest('.fields').find('.date-picker-2').datepicker('show'); 
     }, 100); 
    } 
}); 

Xem working fiddle

Answer 2

VÌ

$(this).closest('.fields') 
      .find('.date-picker-2').datepicker('show'); 

NÀY Bạn có thể sử

window.setTimeout(function(){ 
      $('.date-picker-2').datepicker('show'); 
     }, 1);