jQuery多个Datepicker问题

时间:2016-06-14 12:02:25

标签: jquery-ui jquery-ui-datepicker

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

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

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

复制问题的步骤 -

  1. 点击日期
  2. 不进行任何选择,请单击“到日期”。
  3. ToDate上的日期选择器无法打开,这就是问题所在。我希望它打开而无需用户首先点击外面的某个地方。

    初始化datepicker的代码就像

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

    奇怪的是,它在这个小提琴上运作正常 - http://jsfiddle.net/Fa8Xx/4138/,但我不知道为什么。

1 个答案:

答案 0 :(得分:3)

如果你摆脱了(showAnim:" fold")选项,它可以很好地工作,或者你可以使用其他动画,例如" slideDown"。 显然,如果你使用" fold"动画,如果你没有在框外单击,它只适用于奇数或偶数个输入。

然而,它在demo 1上工作,因为它有一个不同的库,如果你删除主题库,它就像你提到的bug一样。所以我建议不要使用" fold"作为动画。

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