Using Datepicker in MVC 4

Question

Hi! I am new to MVC and scripts. I created an MVC application and now I have to add a date picker in that. I tried to use the datepicker function in jquery-ui-1.8.11.js file and applied like this:
<script type="text/javascript" language="javascript" src="~/Scripts/jquery-ui-1.8.11.js">
</script>
but while running this it gives error like: JavaScript runtime error: 'jQuery' is undefined and it redirects me to 
(function( $, undefined ) {
in the file jquery-ui-1.8.11.js
Please suggest in detail, how can I add date picker in my page.
In HTML my tag is:
<input id="test" />

Answer 1

In the create you need this
instead of razor you can use this
 <div class='input-group date' id='datetimepickerExample'>
 <input type='text' name="RealeaseDate" class="form-control" data-date-format="DD/MM/YYYY" />
<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span> </div>
@section Scripts {
    <script>
        $(function () {
            $('#datetimepickerExample').datetimepicker({ pickTime: false });
    </script>
    @Scripts.Render("~/bundles/jqueryval")