0

複数の DatePicker を含む多くのページがあり、基本的にいくつかの日付範囲 (DateTo および DateFrom テキストボックス) を表示しています。

ただし、日付をもう一度クリックして次回の日付を変更すると (このクリックは、ページの他の場所をクリックした後に行うこともできます)、機能しません。再び 3 回目で、datepicker が機能し始めます。

興味深いことに、カスタム日付フィルター用の単一の DatePicker を持つページは、完全に正常に機能しています。

JQuery UI 1.8.5 のコードを確認したところ、DatePicker の _selectDay 関数も交互に呼び出されていることがわかりました。

JQuery バグ 11390/7986 を修正するために小さな変更を加えた JQuery 1.4.1 バージョンを使用しています。

// jQuery.boxModel DEPRECATED in 1.3, use jQuery.support.boxModel instead
jQuery.boxModel = jQuery.support.boxModel = (document.compatMode === "CSS1Compat");

この修正を削除しましたが、問題がまだ解決していないことがわかりました。問題ではないようです。

次のように DatePicker を使用しています。

           <ul id="customActivityRange">        
                    <li class=" slvzr-first-child">
                        <label id="RangeFrom" ></label>
                        <input id="activityFrom" name="activityFrom" class="datepicker"      type="text" onkeydown="javascript:if(event.keyCode==13) setGLDates(2, true);" onchange="javascript:setGLDates(2, false);" />
                    </li>
                    <li>
                        <label id="RangeTo"></label>
                        <input id="activityTo" name="activityTo" class="datepicker" type="text" onkeydown="javascript:if(event.keyCode==13) setGLDates(2, true);" onchange="javascript:setGLDates(2, false);" />
                    </li>
                    <li>
                        <button id="FilterDateRange" type="button" onclick="javascript:setGLDates(2, true);"></button>
                    </li>
                </ul>

次のように、DatePicker を各入力テキスト ボックスに関連付けます。

$('.datepicker').each(function () {
    $(this).datepicker();
});
4

1 に答える 1

1

javascriptイベントの代わりにjQueryDatepickerイベントを使用してみてください

APIヘルプについては、このリンクを確認してください

http://api.jqueryui.com/datepicker/#option-onClose

于 2012-12-19T11:29:30.117 に答える