文本框重新关注时间戳关闭

时间:2012-01-06 16:54:55

标签: jquery jquery-plugins jquery-ui-dialog datetimepicker tab-ordering

我正在使用the timepicker plugin for jquery

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

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

1 个答案:

答案 0 :(得分:1)

描述

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

示例

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

更多信息

更新

如果你有几个datePickers,你可以这样做。

  1. 给他们所有相同的CSS课程。
  2. 这样做

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