使用鼠标选择日期时，JQuery UI Datepicker 失去焦点

Question

我正在使用带有日期选择器的 JQuery ui，当用户点击某个字段时，他们会相应地弹出日历。

1. 用户选项卡(通过键入字段
2. 用户通过鼠标点击选择日期
3. 用户选项卡
4. Tabindex 从 1 开始(在表单的开头)

这是代码。 (也可能设置选项卡索引)

<input type="text" name="demo" />
<input type="text" class="date" />

jquery 代码是:

$(".date").datepicker();

关于如何解决这个问题有什么建议(最短解决方案的奖励)？

Answer 1

订阅onClose或onSelect事件:

$("#someinput").datepicker(
{
    // other options goes here
    onSelect: function ()
    {
        // The "this" keyword refers to the input (in this case: #someinput)
        this.focus();
    }
});

或者在onClose的情况下:

$("#someinput").datepicker(
{
    onClose: function ()
    {
        this.focus();
    }
});