0

1 つのページに日付である多くの入力があり、Jquery datepicker を使用しています。

ユーザーが 1 つの入力ボックスをクリックすると、datepicker カレンダーが正常に表示されますが、ユーザーが最初にクリックアウトしたり、最初の入力ボックスから日付を選択したりせずに、その入力から別の入力ボックスに移動すると、datepicker カレンダーが表示されるようになります。上。

誰でもこれを修正する方法を知っていますか? ご回答ありがとうございます。

Edit2: http://jsfiddle.net/H5rev/2/ 下のものをクリックしてから、中央のものをクリックして例を示します。ありがとうございました。

編集：ここにいくつかのコードがあります。私はそれらの約 15 を持っていますが、最初の 5 つの 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 に答える