Nút datepicker Jquery tabindex

Question

Tôi đang sử dụng tiện ích bổ sung ngày/datetimepicker Jquery, cũng như JQgrid. Tôi muốn onShow cho ngày/datetimepicker là 'nút', nhưng khi tabbing thông qua phương thức, nút ngày/datetime không được lấy tiêu điểm.

Iv'e đã ​​viết một hàm để tạo datepicker cho tôi.

function CreateDatePicker(elem, ShowOn) { 
    setTimeout(function() { 
     $(elem).datepicker({ 
      dateFormat: 'yy/mm/dd', 
      autoSize: false, 
      showOn: ShowOn, 
      changeYear: true, 
      changeMonth: true, 
      showButtonPanel: true, 
      showWeek: true, 
      onClose: function (dateText, inst) { 
       $(this).focus(); 
      } 
     }); 
    }, 100); 

    $(elem).mask("9999/99/99", { placeholder: "_" }); 
} 

Tôi gọi nó là như thế này.

initDateEdit = function (elem) { 
     CreateDatePicker(elem, 'button'); 
}; 

đang jqGrid

{ name: 'Date', index: 'Date', editable: true, formoptions: { rowpos: 1, colpos: 2 }, formatter: 'date', formatoptions: { newformat: 'Y/m/d' }, datefmt: 'Y/m/d', editoptions: { dataInit: initDateEdit }, searchoptions: { dataInit: initDateSearch } }, 

tôi thấy rằng datepicker render như thế này

<input type="text" id="Date" name="Date" role="textbox" class="FormElement ui-widget-content ui-corner-all hasDatepicker"> 
<button type="button" class="ui-datepicker-trigger">...</button> 

Vì vậy, ý tưởng ban đầu của tôi là để bám vào lớp nút và sử dụng jquery để chuyển đến phần tử tiếp theo (đầu vào) trên trang, bất kể nó là gì.

Tôi đã thử một vài điều, tất cả năng suất hoặc không chính xác/không có kết quả gì cả ...

cuối cùng nỗ lực của tôi đã thất bại ...

$(document).delegate('.ui-datepicker-trigger', 'focus', function (event) { 
     $(this).next().focus(); 
    }); 

Bất kỳ trợ giúp sẽ được đánh giá cao .. rất nhiều :)

Answer 1

Cách trực tiếp nhất để giải quyết vấn đề dường như tôi để thiết lập tabindex để "-1":

setTimeout(function() { 
    $(elem).datepicker({ 
     showOn: 'button', 
     ... 
    }).next('button.ui-datepicker-trigger') 
     .attr("tabIndex", "-1"); 

Cố gắng sử dụng Tab trong thanh công cụ tìm kiếm của the demo và so sánh kết quả với another demo tạo ra cho the answer.

Answer 2

Vì vậy, ý tưởng ban đầu của tôi là chốt vào lớp nút và sử dụng jQuery để chuyển đến phần tử nhập tiếp theo trên trang, bất kể nó là gì.