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

Question

我正在使用带有datepicker的JQuery ui,当用户选中某个字段时,他们会适当地弹出日历.

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

这是代码.(也可以设置标签索引)

<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();
    }
});