回发后日期时间选择器在更新面板内不起作用 [英] Datetime picker not working inside update panel after postback
本文介绍了回发后日期时间选择器在更新面板内不起作用的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
大家好。
希望你做得很好。
我在更新面板内有日期时间选择器的问题。
当页面加载发生时它的工作正常，但在回发后它没有显示。
有人可以帮我吗？以下代码供参考。
提前感谢。
<前lang =Javascript> $（功能（）{
var currentDate = new 日期（）;
$（ ＃txtStartDate，＃ txtEndDate）。datetimepicker（
{
timeFormat： hh：mm tt ，
hourMin： 8 ，
hourMax： 16 ，
numberOfMonths： 1 ，
minDate： 0 ，
maxDate： 30
}）;
$（ #txtStartDate，＃txtEndDate）。datepicker（ setDate，currentDate）;
}）;
注意：外部文件中的javascript。
< body >
< 表单 id = form1 runat < span class =code-keyword> = server >
< asp：ScriptManager ID = ScriptManager1 runat = server < span class =code-keyword>> < / asp：ScriptManager < span class =code-keyword>>
< asp：UpdatePanel ID = UpdatePanel1 runat = 服务器 >
< ContentTemplate >
< div style = 宽度：80％; margin-removed15％; height：100％ >
< table style = width：90％;高度：680px class = table >
< ; tr >
< td style = height：30px > < / td >
< td > < span class =code-keyword>< / td >
< td >
< / td >
< td >
< < span class =code-leadattribute> / td >
< / tr >
< tr >
< td 样式 = width：160px > < / td >
< td 样式 = width： 240px > 类别< / td >
< td >
< asp：DropDownList ID = ddlCatName runat = 服务器 CssClass = 下拉列表 宽度 < span class =code-keyword> = 350px 高度 = 35px AutoPostBack = True OnSelectedIndexChanged = ddlCatName_SelectedIndexChanged >
< / asp：DropDownList >
< / td >
< td < span class =code-keyword>>
< asp：RequiredFieldValidator ID < span class =code-keyword> = rfCategory runat = server ErrorMessage = 选择类别 ForeColor = < span class =code-keyword>红色 ControlToValidate = ddlCatName InitialValue = - 选择 - > ; < / asp：RequiredFieldValidator >
< / td >
< < span class =code-leadattribute> / tr >
< tr >
< td > < < span class =code-leadattribute> / td >
< td > 子类别< ; / td >
< td >
< asp：DropDownList ID = ddlSubCatName runat = server 宽度 = 350px CssClass = 下拉列表 高度 = 35px AutoPostBack = True OnSelectedIndexChanged = ddlSubCatName_SelectedIndexChanged >
< / asp：DropDownList >
< / td >
< td >
< asp：RequiredFieldValidator ID = rfSubCat runat = server < span class =code-attribute> ErrorMessage = 选择子类别 < span class =code-attribute> ForeColor = Red ControlToValidate = ddlSubCatName InitialValue = - 选择 - > < / asp：RequiredFieldValidator >
< / td >
< / tr >
< tr >
< td > < / td >
< td > 开始日期< / td >
< td >
< asp：TextBox ID = txtStartDate runat = server 宽度 = 350px CssClass = login_txtbox 高度 = 35px > < / asp：TextBox >
< / td >
< td >
< asp：RequiredFieldValidator ID = rfStartdate runat = server ErrorMessage = 输入开始日期 ForeColor = 红色 ControlToValidate = txtStartDate > < / asp：RequiredFieldValidator >
< / td >
< < span class =code-leadattribute> / tr >
< tr >
< td > < < span class =code-leadattribute> / td >
< td > 结束日期< / td >
< ; td >
< asp：TextBox ID = txtEndDate runat = server 宽度 = 350px CssClass = login_txtbox 高度 = 35px > < / asp：TextBox >
< / td >
< td >
< asp：RequiredFieldValidator ID = rfEndDate RUNAT <温泉n class =code-keyword> = server ErrorMessage = 输入结束日期 ForeColor = 红色 ControlToValidate = txtEndDate > < / asp：RequiredFieldValidator >
< / td >
< / tr >
< tr >
< td style = height：30px > < / td >
< td > < ; / td >
< td >
< asp：标签 ID = lblError runat = server ForeColor = 红色 > < / asp：Label >
< / td >
< span class =code-keyword>< td > < / td >
< / tr >
< tr >
< td > < / td >
< td > < <跨度class =code-leadattribute> / td >
< td >
< asp：按钮 ID = btnSubmit runat = server 文字 = 提交 CssClass = 按钮 高度 = 30px 宽度 = < span class =code-keyword> 150px OnClick = btnSubmit_Click / >
< / td >
< td > < / td >
< / tr >
< / table >
< / div >
< / ContentTemplate >
< / asp：UpdatePanel >
< / form >
< / body >
解决方案
（ function （）{
var currentDate = new 日期（）;
（< span class =code-string> ＃txtStartDate，＃txtEndDate）。datetimepicker（
{
timeFormat：< span class =code-string> hh：mm tt，
hourMin： 8 ，
hourMax： 16 ，
numberOfMonths： 1 ，
minDate： 0 ，
maxDate： 30
}）;
（ ＃txtStartDate，＃txtEndDate）。datepicker （ setDate，curren tDate）;
}）;
注意：外部文件中的javascript。
< body >
< 表单 id = form1 runat < span class =code-keyword> = server >
< asp：ScriptManager ID = ScriptManager1 runat = server < span class =code-keyword>> < / asp：ScriptManager < span class =code-keyword>>
< asp：UpdatePanel ID = UpdatePanel1 runat = 服务器 >
< 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< span class=\"code-keyword\">=\"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>
< span class=\"code-keyword\"><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>
Hello all
Hope you are doing good.
I have a issue with datetime picker inside update panel.
When page load happens its working fine but after postback its not showing.
can anyone help me please ? below codes for reference.
thanks in advance.
$(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); });
Note : javascript in external file.
<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>解决方案(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); });
Note : javascript in external file.
<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>
这篇关于回发后日期时间选择器在更新面板内不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
