dibyaaryan007 Ответов: 1

Выбор даты и времени не работает внутри панели обновления после обратной передачи


Всем привет

Надеюсь, у вас все хорошо.
У меня есть проблема с выбором даты и времени внутри панели обновления.
Когда происходит загрузка страницы, она работает нормально, но после обратной передачи она не отображается.
кто-нибудь может мне помочь, пожалуйста ? ниже приведены коды для справки.
заранее спасибо.

$(function () {
    var currentDate = new Date();
    $("#txtStartDate, #txtEndDate").datetimepicker(
	{
	    timeFormat: "hh:mm tt",
	    hourMin: 8,
	    hourMax: 16,
	    numberOfMonths: 1,
	    minDate: 0,
	    maxDate: 30        
	});
    $("#txtStartDate,#txtEndDate").datepicker("setDate", currentDate);
});


Примечание: javascript во внешнем файле.



<body>  
    <form id="form1" runat="server">
          <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                <div style="width:80%; margin-removed15%;height:100%">
                    <table style="width: 90%; height:680px" class="table">
                        <tr>
                            <td style="height:30px"></td>
                            <td></td>
                            <td>
                                </td>
                            <td>
                                </td>
                        </tr>
                        <tr>
                            <td style="width:160px"></td>
                            <td style="width:240px">Category </td>
                            <td>
                                <asp:DropDownList ID="ddlCatName" runat="server" CssClass="dropdown" Width="350px" Height="35px" AutoPostBack="True" OnSelectedIndexChanged="ddlCatName_SelectedIndexChanged">
                                </asp:DropDownList>
                            </td>
                            <td>
                                <asp:RequiredFieldValidator ID="rfCategory" runat="server" ErrorMessage="Choose category" ForeColor="Red" ControlToValidate="ddlCatName" InitialValue="-   Select   -"></asp:RequiredFieldValidator>
                            </td>
                        </tr>
                        <tr>
                            <td></td>
                            <td>Sub-Category </td>
                            <td >
                                <asp:DropDownList ID="ddlSubCatName" runat="server" Width="350px" CssClass="dropdown" Height="35px" AutoPostBack="True" OnSelectedIndexChanged="ddlSubCatName_SelectedIndexChanged">
                                </asp:DropDownList>
                            </td>
                            <td>
                                <asp:RequiredFieldValidator ID="rfSubCat" runat="server" ErrorMessage="Choose sub-category" ForeColor="Red" ControlToValidate="ddlSubCatName" InitialValue="-   Select   -"></asp:RequiredFieldValidator>
                            </td>
                        </tr>
                         <tr>
                            <td></td>
                            <td>Start Date</td>
                            <td >
                                <asp:TextBox ID="txtStartDate" runat="server" Width="350px" CssClass="login_txtbox" Height="35px"></asp:TextBox>
                             </td>
                            <td>
                                <asp:RequiredFieldValidator ID="rfStartdate" runat="server" ErrorMessage="Enter start date" ForeColor="Red" ControlToValidate="txtStartDate"></asp:RequiredFieldValidator>
                             </td>
                        </tr>
                         <tr>
                            <td></td>
                            <td>End Date</td>
                            <td>
                                <asp:TextBox ID="txtEndDate" runat="server" Width="350px" CssClass="login_txtbox" Height="35px"></asp:TextBox>
                             </td>
                            <td>
                                <asp:RequiredFieldValidator ID="rfEndDate" runat="server" ErrorMessage="Enter end date" ForeColor="Red" ControlToValidate="txtEndDate"></asp:RequiredFieldValidator>
                             </td>
                        </tr>
                         <tr>
                            <td style="height:30px"></td>
                            <td></td>
                            <td>
                                <asp:Label ID="lblError" runat="server" ForeColor="Red"></asp:Label>
                             </td>
                            <td></td>
                        </tr>
                         <tr>
                            <td></td>
                            <td></td>
                            <td>
                                <asp:Button ID="btnSubmit" runat="server" Text="Submit" CssClass="buttons" Height="30px" Width="150px" OnClick="btnSubmit_Click" />
                             </td>
                            <td></td>
                        </tr>
                    </table>
                </div>
            </ContentTemplate>    
        </asp:UpdatePanel>
    </form>
</body>

1 Ответов

Рейтинг:
5

Karthik_Mahalingam

использовать pageLoad() функция

function pageLoad() { 
      
            console.log('loaded');
            var currentDate = new Date();
            $("#txtStartDate, #txtEndDate").datetimepicker(
            {
                timeFormat: "hh:mm tt",
                hourMin: 8,
                hourMax: 16,
                numberOfMonths: 1,
                minDate: 0,
                maxDate: 30
            });
              $("#txtStartDate,#txtEndDate").datepicker("setDate", currentDate);
        };


dibyaaryan007

Спасибо, Картик. Вы спасли мне время. Теперь он работает идеально.
Еще раз большое спасибо :)

Karthik_Mahalingam

добро пожаловать dibya :)