how to show a jquey datepicker in textbox click

Hi,
i need a datepicker in the click of textbox.


Now i have written the following code:

In html:

<link href="@Url.Content("~/Content/themes/base/jquery.ui.all.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/themes/base/jquery.ui.css")" rel="stylesheet" type="text/css" />
    <script src="../../Scripts/jquery-1.7.1.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery-1.7.1.min.js"type="text/javascript"></script>
    <script src="../../Scripts/jquery-ui-1.8.20.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery-ui-1.8.20.min.js" type="text/javascript"></script>

<td><input type="text" id="datepicker" /></td>

In knockout.js:

$(function () { $("#datepicker").datepicker(); });

But it is not working please guide me to do this.

Thank You

Tags: MVC4