jQuery多日期选择器问题

Question

我需要两个日期选择器并排排列在同一页面上。我遇到的一个非常小但很烦人的问题是，当我点击任何日期选择器时，如果直接点击其他日期选择器，我不能编辑其他日期选择器。我必须点击外面的某个地方，然后再次点击第二个日期选择器将其打开。

我使用的datepicker只显示月份和年份这是要求，但我不认为这是一个问题。

这是我重新创建的小提琴来展示问题。 https://jsfiddle.net/qpnjf6uu/

步骤来复制问题 -

1. 点击从日期
2. 没有做任何选择，请点击日期。

ToDate上的日期选取器未打开，这是问题所在。我希望它打开时用户不必先点击某个地方。

代码初始化的日期选择器就像是

$("#TaxPointDateFrom").datepicker({ 
showAnim: "fold", 
changeMonth: true, 
dateFormat: "MM-yy", 
changeYear: true 
}); 

奇怪的是，虽然，它按预期工作在这个小提琴 - http://jsfiddle.net/Fa8Xx/4138/，但我不知道为什么。

Answer 1

如果你摆脱了（showAnim：“fold”）选项，它完美的工作，或者你可以使用其他动画，如“slideDown”。 显然，这可能是jQuery-UI中的一个错误，如果您使用“折叠”动画，则它只适用于奇数或偶数的输入，如果您不在框外单击。

但是它在演示版本上工作，因为它有一个不同的库，如果你删除主题库，它的行为就像你提到的错误。所以我会建议不要使用“折叠”作为动画。

$("#TaxPointDateFrom").datepicker({ 
    changeMonth: true, 
    dateFormat: "MM-yy", 
    changeYear: true 
});