时间选择器关闭后文本框重新获得焦点

Question

我正在使用jquery 的时间选择器插件。

一旦用户选择了日期+时间并单击“完成”按钮（基本上只是关闭对话框），我希望设置日期时间的文本框重新获得焦点（插件的当前行为是模糊焦点）。

这是因为在此页面上我有一组文本框，并且它们的选项卡顺序是按顺序设置的。我需要日期时间文本框来重新获得焦点以继续 Tab 键顺序。否则 Tab 键顺序将从第一个文本输入重新开始，这对用户来说不方便。

Answer 1

描述

假设我理解您的问题，您可以在 onClose 事件中将焦点设置到文本框。如果这不是正确答案，请提供更多信息。 html 或更好的 jsFiddle 会很棒。

示例

$('#MyDatepicker').datetimepicker({
    onClose: function(dateText, inst) {
       $('#MyDatepicker').focus();
    }
});

更多信息

• jQuery.focus()

更新

如果您有多个 datePicker，则可以执行此操作。

1. 给他们所有相同的 css 类。

2. 这样做

    $('.MyDatePickerClass').datetimepicker({
           onClose: 函数(dateText, inst) {
              $('.MyDatePickerClass').focus();
           }
       });