hai all, jquery datepicker not working first click in textbox after page load. how to solve it
<script type="text/javascript">
$(document).ready(function () {
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
Sys.WebForms.PageRequestManager.getInstance().beginAsyncPostBack();
function EndRequestHandler(sender, args) {
$('#<%=TxtTo.ClientID%>').datepicker({
changeMonth: true,
changeYear: true,
yearRange: '-5:+0',
duration: 'fast',
dateFormat: 'dd-M-yy',
showAnim: 'slideDown',
maxDate: '0'
});
}
});
</script>
<table>
<tr>
<td>
<asp:UpdatePanel ID="Updatepanel1" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="true">
<ContentTemplate>
<div>
<table>
<tr>
<td style="font-weight: 700; text-align: center">
<label id="Label2">
From</label>
</td>
<td>
<asp:TextBox ID="TxtFrm" runat="server"></asp:TextBox>
</td>
<td style="font-weight: 700; text-align: center">
<label id="Label1">
To</label>
</td>
<td>
<asp:TextBox ID="TxtTo" runat="server"></asp:TextBox>
</td>
</tr>
</table>
</div>
</ContentTemplate>
</asp:UpdatePanel>
</td>
</tr>
</table>
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
TxtFrm.Text = DateTime.Today.AddDays(-7).ToString("dd/MM/yyyy");
TxtTo.Text = DateTime.Today.ToString("dd/MM/yyyy");
}
}