JQuery date picker in asp.net

Here am going to explained with an example , how to implement jQuery UI DatePicker Calendar with ASP.Net TextBox.
.aspx code

 <script src="../Scripts/jquery-1.12.4.min.js" type="text/javascript"></script>   
 <script src="../Scripts/jquery-ui-1.12.1.min.js" type="text/javascript"></script>  
 <link href="../Content/themes/base/jquery-ui.css" rel="stylesheet" rel="Stylesheet" type="text/css" />  
 <script type="text/javascript">  
   $(function () {  
     $("[id*=txtDate]").datepicker({  
       showOn: 'button',  
       buttonImageOnly: true,  
       buttonImage: 'images/calendar.png'  
     });  
   });  
 </script>  
  <div class="form-inline" role="form">  
    <div class="form-group">  
           <asp:TextBox ID="txtDate" runat="server" ReadOnly = "true"></asp:TextBox>  
           <asp:Button ID="btnSubmit" runat="server" Text="Submit"  
     onclick="btnSubmit_Click" />  
      </div>  
 </div