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

Question

我正在使用the timepicker plugin for jquery。

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

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

Answer 1

说明

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

样本

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

更多信息

• jQuery.focus()

更新

如果您有多个 datePickers，您可以这样做。

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

2. 这样做

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