0

我在一页上有很多日期输入，我正在使用 Jquery datepicker。

如果用户单击一个输入框，日期选择器日历显示正常，但如果用户从该输入转到另一个输入框而没有先点击，或者先从第一个输入框选择日期，日期选择器日历现在将显示向上。

有谁知道如何解决这个问题？提前感谢您的任何回复。

Edit2： http: //jsfiddle.net/H5rev/2/ 单击底部的一个，然后单击中间的一个示例。谢谢你。

编辑：这是一些代码。我有大约 15 个，但这里是前五个的 JS 和 html。

js：

 $("#ctl00_ContentPlaceHolder2_tbxDeed1").datepicker({ showButtonPanel: true,  showAnim: "fold" });
        $("#ctl00_ContentPlaceHolder2_tbxDeed2").datepicker({ showButtonPanel: true, showAnim: "fold" });
        $("#ctl00_ContentPlaceHolder2_tbxDeed3").datepicker({ showButtonPanel: true, showAnim: "fold" });
        $("#ctl00_ContentPlaceHolder2_tbxDeed4").datepicker({ showButtonPanel: true, showAnim: "fold" });
        $("#ctl00_ContentPlaceHolder2_tbxDeed5").datepicker({ showButtonPanel: true, showAnim: "fold" });

html:

                    <tr><td style="text-align:right; padding-right:5px; vertical-align:middle;">Closer sent deed</td><td><input type="text" runat="server" id="tbxDeed1" class="closingText" maxlength="10" /></td></tr>
                    <tr><td style="text-align:right; padding-right:5px; vertical-align:middle;">Deed received</td><td><input type="text" runat="server" id="tbxDeed2" class="closingText" maxlength="10" /></td></tr>
                    <tr><td style="text-align:right; padding-right:5px; vertical-align:middle;">Deed sent for exec.</td><td><input type="text" runat="server" id="tbxDeed3" class="closingText" maxlength="10" /></td></tr>
4

2 回答 2

1

根据这个测试它工作正常：

http://jsfiddle.net/H5rev/

于 2012-05-24T15:48:35.727 回答
0

我修好了它。我正在使用动画“折叠”。显然这有我问过的错误。将其更改为 slideDown 已解决此问题。

谢谢大家。

于 2012-05-24T16:30:28.907 回答