Jquery datepicker - 无法从文本输入选项卡到 datepicker 输入答案

【问题标题】：Jquery datepicker - cannot tab from text input to datepicker inputJquery datepicker - 无法从文本输入选项卡到 datepicker 输入
【发布时间】：2013-09-25 15:15:14
【问题描述】：

我有几个表单字段（除了 1 个 jquery datepicker 输入之外的所有文本输入）。第一个字段是一个普通的文本输入字段。第二个输入是日期选择器。输入 3 到 8 都是常规文本输入。当我将光标放在第一个文本输入字段并输入一些文本然后我按 Tab 键进入 datepicker 字段时，没有任何反应。光标保留在第一个文本字段中，不会进入日期选择器字段。如果我将光标放在日期选择器字段内，则会显示日历弹出窗口，并且我可以从该字段中跳出到下一个文本输入...并且我可以在所有剩余的文本输入字段中一直使用制表符。

在 Google 上搜索并没有提供很多想法或可能的解决方案。

【问题讨论】：

我刚刚查看了 datepicker 演示，您可以明确地选择它。你能用你的代码创建一个 jsfiddle 以便我们查看吗？
我将尝试添加我的代码。这是一个 .NET 应用程序，使用：jquery-1.7.2.js 和 jquery.ui.datepicker-en.js

标签： jquery datepicker

【解决方案1】：

能够在所有 html 输入字段中切换的可靠方法是使用 tabindex 元素。在 HTML 4.01 中，tabindex 属性可用于： , , , , , , 和在 HTML 5 中，所有输入元素都接受它。

示例 =

<a href="http://www.w3schools.com/" tabindex="2">W3Schools</a>
<a href="http://www.google.com/" tabindex="1">Google</a>
<a href="http://www.microsoft.com/" tabindex="3">Microsoft</a>

只要 tabindex 数字按顺序跟随，无论哪个输入具有日期选择器都无关紧要。

堆栈线程 jQuery UI datepicker - add static text underneath the calendar? 中显示的日期选择器代码也有一个 jsFiddle，它可以很好地在输入之间切换。对照此示例检查您的代码，看看您是否有不同之处。

【讨论】：