jquery - 将内联 jQuery UI Datepicker 聚焦为键盘快捷键？

Question

我一直在网上寻找答案或示例，但到目前为止还没有找到。

jQuery UI 为 Datepicker 小部件提供了一些很棒的“开箱即用”键盘快捷键，但它们似乎只有在您在关联的输入框内聚焦/单击后打开小部件时才起作用。

我正在使用附加到 div 标签的 Datepicker 的“内联”版本，并试图找到一种方法来集中它，这样我仍然可以使用 jQuery UI 中的标准键盘快捷键。 (用于键盘辅助功能)

有人做过吗？非常感谢任何建议。

Answer 1

我不确定我是否完全理解这个问题，但常见的做法是在使用 JavaScript 移动焦点之前向元素添加 tabindex="-1" 。

编辑:

好的，我进一步研究了这个问题。所有键码事件都通过控制语句进行过滤，该语句检查 _datepickerShowing 属性是否设置为 true。该属性在构造函数中设置为 false。将 _datepickerShowing 设置为 true 的唯一方法是通过 _showDatepicker，但它必须通过此:

if (!inst.inline) {
    // ...
    $.datepicker._datepickerShowing = true;

一旦您点击 Tab，_datepickerShowing 也会被设置为 false。

我找到了这篇关于如何Show Hide jQuery UI DatePicker Programmatically的文章但它显然适用于输入日期选择器和 fails a simple test I made with jsfiddle .

除了 fork 库或在 github 上发布问题之外，我认为这是一个失败的原因。

也许有一种方法可以配置输入类型来满足您的需求。您到底想要什么效果？总是显示？