Click here to Skip to main content
15,908,015 members
Please Sign up or sign in to vote.
1.00/5 (1 vote)
See more:
Quote:
calendar popup is not coming,but able to enter the date in input box, refer last code- if i comment that code, calendar pop-up works..

ASP.NET
<div class="select_option">
  <asp:TextBox ID="txtStartDt" autocomplete="off" runat="server" placeholder="Date from" class="datepicker textbox_search"></asp:TextBox>
   <asp:TextBox ID="txtEndDt"  autocomplete="off" runat="server" AutoPostBack="false" placeholder="Date to" class="datepicker textbox_search"></asp:TextBox>
</div>


HTML
<link href="Styles/jquery.datetimepicker.css" media="screen" rel="stylesheet" type="text/css" />
   <script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>
   <script type="text/javascript" src="js/jquery.datetimepicker.js"></script>
   <script src="js/init.js" type="text/javascript"></script>
   <link href="Styles/style.css" rel="stylesheet" />
   <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
   <script src="https://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/jquery-ui.js" type="text/javascript"></script>
   <link href="https://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/themes/start/jquery-ui.css"
       rel="stylesheet" type="text/css" />



If i comments below code, calendar pop-up works.
that code using for nested grid-view, both functionality should work.

C#
<%-- <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script src="https://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/jquery-ui.js" type="text/javascript"></script>
    <link href="https://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/themes/start/jquery-ui.css"
        rel="stylesheet" type="text/css" />--%>



What I have tried:

we are using nested gridview, need both date-picker and nested grid-view functionality.
Posted
Updated 3-Oct-18 7:17am

you need to bind dynamic ID with your calendar for nested grid view.
 
Share this answer
 
Quote:
<script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>
...
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

You're loading two different versions of jQuery, which are interfering with each other. Remove the reference to the older version (1.7.2).
 
Share this answer
 

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900