与同一页面上的两个jquery日期选择器发生冲突

Question

所以这里是设置:我有一个jquery日期选择器,在jquery选项卡内,在jquery模式对话框窗口内:

\---/\---/\---/_______________
/                            /
\                            \
/  DATEPICKER1               /
\                            \
/  DATEPICKER2               /
\                            \
/                            /
\                            \
/____________________________/

第一个日期选择器正常运行,但是当我尝试单击第二个日期选择器中的日期时,它只是激活第一个日期选择器.你有没有关注那个？:)

总而言之,单击datepicker2中的日期会激活datepicker1.

我不知道为什么会这样 - 他们有不同的ID和名称,如下所述.

要创建我正在使用的日期选择器:

$(function() {
    $("#datepicker1").datepicker();
    $("#datepicker2").datepicker();
});

这些字段很简单:

<input type="text" id="datepicker1" name="datepicker1" value="" />
<input type="text" id="datepicker2" name="datepicker2" value="" />

我正在使用jQuery v1.9.0和jQueryui v1.10.0.

有什么想法吗？作为一个警告,由于我的雇主的限制,我无法发布实际代码,但如果您需要任何澄清,我可以回答大多数问题.任何和所有的帮助将不胜感激!!

Answer 1

更新: 看起来下面描述的行为在另一个stackoverflow问题中得到解决:
防止jQuery UI对话框从设置焦点到第一个文本框

为"重复"问题道歉 - 如果我知道这是问题,我会很快把它弄清楚!

################################################## ##############################

嗯,分辨率很简单,也许有人可以告诉我为什么它这样工作,因为我现在有点无能为力.

这就是我所做的:
我在表单中添加了另外两个文本输入字段(它们是必需的)并重新排序布局,以便其中一个新输入字段是"第一个"元素(在左上角),如下所示:

\---/\---/\---/_______________
/                            /
\                            \
/  TEXTFIELD1   DATEPICKER1  /
\                            \
/  TEXTFIELD2   DATEPICKER2  /
\                            \
/                            /
\                            \
/____________________________/

突然间问题消失了!但是,我注意到一个有趣的行为:
当我在EITHER datepicker中选择一个日期时,光标会立即跳回到第一个文本字段.因此,如果我在没有文本字段的日期选择器时发生这种情况,那么这种行为将意味着光标会立即跳回到第一个日期选择器,这可能导致我遇到的问题.

现在,为什么它以这种方式工作我不知道.我尝试为各种textfields/datepickers设置tabindex参数,但这并未改变行为.

无论如何,我感谢所有插入的人的意见 - 这是一个奇怪的问题,但我永远不会忘记现在如何解决它.谢谢大家的帮助!!