jQuery 多个日期选择器问题

jQuery Multiple Datepicker Issue

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

我使用的日期选择器只显示月份和年份，这是要求，但我认为这不是问题。

这是我重新创建的 fiddle 以显示问题。 https://jsfiddle.net/qpnjf6uu/

重现问题的步骤 -

  1. 点击日期
  2. 不做任何选择，点击截止日期。

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

初始化日期选择器的代码类似于

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

奇怪的是，它在 fiddle - http://jsfiddle.net/Fa8Xx/4138/ 上按预期工作，但我不知道为什么。

如果你摆脱了 (showAnim: "fold") 选项，它会完美地工作，或者你可以使用其他动画，如 "slideDown"。 显然，这可能是 jQuery-UI 中的一个错误，如果您使用 "fold" 动画，如果您不点击框外，它只适用于奇数或偶数输入.

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

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