1

aspxページに2つのテキストボックスがあるdatepickerプラグインを使用しています。[送信]をクリックすると、データがデータベースに保存されますが、日付を再度更新しようとすると、ページの読み込み後に日付ピッカーが機能しません。これには次のコードを使用しています。

<asp:TextBox ID="txtMovingDate" runat="server"
 CssClass="TextBox datepicker" TabIndex="19"></asp:TextBox>


jQuery(function() {
jQuery(".datepicker").datepicker(
{ dateFormat: 'mm/dd/yy', timeFormat: ' hh:ii:ss', 
changeMonth: true, changeYear: true });

私を助けてください。ありがとうございました。

4

2 に答える 2

1

var prm = Sys.WebForms.PageRequestManager.getInstance();

prm.add_endRequest(関数() {

//ポストバック後に使用するには、ここでjquery datapicker関数を複製する必要があります

});

于 2012-07-17T14:04:04.193 に答える
0

Updatepanel 内にテキストボックスがある場合、少しわかりやすくするために、私が持っている作業コードのサンプルを示します (いくつかのさまざまな回答を読んだ後に推測されます)。

< head > タグに次のように記述します。

<script type="text/javascript">
    $(document).ready(function () {

        $(".startDatepicker").datepicker({
            dateFormat: 'dd/mm/yy',
            defaultDate: "+1w",
            changeMonth: true,
            numberOfMonths: 2,
            onClose: function (selectedDate) {
                $(".endDatepicker").datepicker  "option", "minDate", selectedDate);
            }
        });

    Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);

        function EndRequestHandler(sender, args) {
            $(".startDatepicker").datepicker({
                dateFormat: 'dd/mm/yy',
                defaultDate: "+1w",
                changeMonth: true,
                numberOfMonths: 2,
                onClose: function (selectedDate) {
                    $(".endDatepicker").datepicker("option", "minDate", selectedDate);
                }
            });
        }
    });  
</script>

次に、 < body > コードにこれを入れます：

<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
    <ContentTemplate>
        <div class="floatLeft"><asp:TextBox ID="dateFromTxtBox" CssClass="startDatepicker"
        runat="server" Text="02/12/2013" ToolTip="enter a time either in 12 hour clock or 24 hour clock"
        Width="74px" DataFormatString="{0:d}" BorderStyle="Inset"></asp:TextBox>
    </div>
    </ContentTemplate>
</asp:UpdatePanel>

終了日または時刻のピッカーを追加するには、各 Jquery ステートメントの新しいインスタンスをコピーして貼り付けるだけです (ただし、$(doc).ready(){}.. または関数 EndRequestHandler(sender, args){} ではありません)。スクリプトでこれらのそれぞれを 1 つだけ必要とします) と < asp:textbox... ステートメント。

お役に立てれば

于 2014-01-14T20:13:55.497 に答える