jQuery 多日期选择器问题

Posted 2023-05-09

【中文标题】jQuery 多日期选择器问题

【英文标题】：jQuery Multiple Datepicker Issue

【发布时间】：2016-10-15 03:40:13

【问题描述】：

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

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

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

复制问题的步骤 -

点击开始日期 不做任何选择，点击To Date。

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

初始化日期选择器的代码是这样的

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

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

【参考方案1】：

如果你去掉 (showAnim: "fold") 选项，它可以完美运行，或者你可以使用其他动画，如 "slideDown"。 显然，这可能是 jQuery-UI 中的一个错误，如果您使用“折叠”动画，如果您不点击框外，它仅适用于奇数或偶数输入。

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

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

【讨论】：

你这个天才！你是怎么想出来的？非常感谢。