防止时间选择器插件打开日历

Question

我在旧问题中提出了以下问题：

我正在使用 jquery 的 timepicker 插件。一旦用户选择了日期+时间并单击“完成”按钮（基本上只是关闭对话框），我希望设置日期时间的文本框重新获得焦点（插件的当前行为是模糊焦点）。这是因为在此页面上我有一组文本框，并且它们的选项卡顺序是按顺序设置的。我需要日期时间文本框来重新获得焦点以继续选项卡顺序。否则 Tab 键顺序将从第一个文本输入重新开始，这对用户来说不方便。

我在下面得到了一个有效的答案

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

，但这是我的新挑战：现在文本框重新获得焦点，日历再次打开。我该如何防止这种情况发生？

Answer 1

因此，在尝试让它发挥作用后，我在周末思考了这个问题，当时我意识到也许最好的行为就是根本不把注意力放回去！想想您的用户，一旦他们明确选择了日期，为什么他们希望将注意力重新集中在同一字段上？因此，请将焦点设置到下一个输入。

http://jsfiddle.net/QwQwN/

$(function() {
    $(".date").datepicker({ });
});

$('.date').change( function() {
    $(this).nextAll('input:first').focus();
});

我尝试使用日期选择器的 onClose 事件，但改变了焦点中途破坏了插件。我认为如果不修改实际的插件代码这是不可能的。

Answer 2

你试过这个吗？

$('#MyDatepicker').datetimepicker({
   onClose: function(dateText, inst) {
     $(this).focus();
     $(this).unbind();  //this works in IE
  }
});