Jquery datepicker tabindex

Я использую надстройку Jquery date/datetimepicker. , а также JQgrid. Я бы хотел, чтобы onShow для средства выбора даты/даты и времени было «кнопкой», но при переходе через модальное окно кнопка даты/даты и времени не должна получать фокус.

Я написал функцию для создания средства выбора даты.

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: "_" });
}

Я называю это так.

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

Код 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 } },

Я видел, что средство выбора даты отображается следующим образом

<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>

Таким образом, моя первоначальная идея состояла в том, чтобы привязаться к классу кнопки и использовать Jquery для перехода к следующему (входному) элементу на странице, независимо от того, что Это.

Я пробовал пару способов, все дали либо неверные результаты, либо вообще никаких результатов...

Моя последняя неудачная попытка...

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

Любая помощь будет оценена... очень :)