Saturday, September 30, 2017

How to add pop up Calendar with JQuery on ASP.Net

by Unknown  |  in ASP.NET at  8:29 AM

How to add pop-up Calendar with JQuery on ASP.Net




1/ Source Code JQuery Calendar: Download JQuery Calendar

2/ Add 3 file to a folder on your project: 


3/ Add 3 link to header on Design view on ASP.Net



<head runat="server">
    <title>Report Current Stock Vs Target</title>
   <link href="jq/jquery-ui.css" rel="stylesheet" type="text/css" />
    <script src="jq/jquery-1.10.2.js" type="text/javascript"></script> 
    <script src="jq/jquery-ui.js" type="text/javascript"></script>  
</head>  


4/ Right Source Code on <script>....</script>

  <script>
              $(function () {
                  $("#datepickerFromDate").datepicker();
                  $("#datepickerToDate").datepicker();
              });
    </script>

5/ Call ID  #datepickerFromDate   and   #datepickerToDate to use on TextBox



    
   <asp:TextBox ID="datepickerFromDate" runat="server" Height="20px"                                                        Width="180px"></asp:TextBox>                                   

    <asp:TextBox ID="datepickerToDate" runat="server" Height="20px" 
             Width="180px"></asp:TextBox>                                  
                     

0 comments:

Proudly Powered by Blogger.