Get date from jquery date picker

See more:

C#

jQuery

I am using jquery datepicker and trying to display the date picker on the click of an image button but the calendar control is not displayed .. My jquery is working fine since i have tried using an alert statement

What I have tried:

I have downloaded the following jquery link and tried using the date picker control

<script src="jquery-3.3.1.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>
<link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="Stylesheet" type="text/css" />
<script>
$(document).ready(function () {
   $("#imgbuttoncalender").click(function () {
      $("#datepicker").datepicker();
   });
});
</script>

I have also tried using datepicker.show()

my html code

<asp:Label ID="lbldob" runat="server" Text="Date of Birth"></asp:Label>
<asp:TextBox ID="tbdob" TextMode="DateTime" placeholder="dd/mm/yyyy" runat="server" style="margin-left: 64px"></asp:TextBox>
<asp:ImageButton ID="imgbuttoncalender" runat="server" Height="25px" ImageUrl="~/Images/calender.png" style="margin-left: 13px; margin-top: 0px" Width="29px"></asp:ImageButton>
<input type="text" id="datepicker" />