Datepicker not working with layout page in MVC ?

<pre>@model AxonApparels.Models.Supplier
@{
    ViewBag.Title = "Supplier";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<script src="~/AxonScripts/Supplier.js"></script>

<link href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/themes/ui-darkness/jquery-ui.min.css" rel="stylesheet">
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
	<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script>

<!-- page content -->
<div class="right_col" role="main">
    <div class="container">

        <div class="clearfix"></div>

        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="x_panel">
                    <div class="x_title">
                        <h2>Supplier</h2>
                        <ul class="nav navbar-right panel_toolbox">
                            <li><a class="collapse-link"></a>
                            </li>
                            
                            <li><a class="close-link">^__i class="fa fa-close"></a>
                            </li>
                        </ul>
                        <div class="clearfix"></div>
                    </div>
                    <div class="x_content">
                        <div class="container">
                            @*<h2>Departments Record</h2>*@
                            <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal" onclick="clearTextBox();">Add New Supplier</button><br />
                            <br />
                            <table class="table table-bordered table-hover">
                                <thead>
                                    <tr>
                                        <th style="visibility: hidden;">ID
                                        </th>
                                        <th>Supplier Name
                                        </th>
                                        <th>Address
                                        </th>
                                        <th>City
                                        </th>
                                        <th>Status
                                        </th>
                                        <th>Action
                                        </th>
                                    </tr>
                                </thead>
                                <tbody class="tbody">
                                </tbody>
                            </table>
                        </div>
                        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        @*
                    <button type="button" class="close" data-dissmiss="modal"><span aria-hidden="true">×</span></button>*@
                                        <button type="button" class="close" data-dismiss="modal">×</button>
                                        <h4 class="modal-title" id="myModalLabel">Add Supplier</h4>
                                    </div>
                                    <div class="modal-body">
                                        <form>
                                            <div class="form-group">
                                                <label for="SupplierID">ID</label>
                                                <input type="text" class="form-control" id="SupplierID" placeholder="Id" disabled="disabled" />
                                            </div>
                                            <div class="form-group">
                                                <table>
                                                    <tr>
                                                        <td colspan="2">
                                                            <label for="Name">Supplier Name</label>
                                                            <input type="text" class="form-control" id="Name" placeholder="Name" />
                                                        </td>
                                                        <td colspan="2">
                                                            <label for="lookup">Look up</label>
                                                            <input type="text" class="form-control" id="lookup" placeholder="Look up" />
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="2">
                                                            <label for="add1">Address1</label>
                                                            <input type="text" class="form-control" id="add1" placeholder="Address1" />
                                                        </td>
                                                        <td colspan="2">
                                                            <label for="add2">Address2</label>
                                                            <input type="text" class="form-control" id="add2" placeholder="Address2" />
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="2">
                                                            <label for="add3">Address3</label>
                                                            <input type="text" class="form-control" id="add3" placeholder="Address3" />
                                                        </td>
                                                        <td colspan="2">
                                                            <label for="city">City</label>
                                                            @Html.DropDownListFor(m => m.CityList, Model.CityList, "--Select City--", new { @id = "ddlcity", @class = "form-control" })
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="2">
                                                            <label for="zipcode">Zipcode</label>
                                                            <input type="text" class="form-control" id="zipcode" placeholder="Zipcode" />
                                                        </td>
                                                        <td colspan="2">
                                                            <label for="Status">Status</label>
                                                            <input type="checkbox" class="form-control" id="Status" />
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="2">
                                                            <label for="email">Email</label>
                                                            <input type="text" class="form-control" id="email" placeholder="EMail" />
                                                        </td>
                                                        <td colspan="2">
                                                            <label for="phoneno">Phone No</label>
                                                            <input type="text" class="form-control" id="phoneno" placeholder="Phone No" />
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="2">
                                                            <label for="fax">Fax</label>
                                                            <input type="text" class="form-control" id="fax" placeholder="Fax" />
                                                        </td>
                                                        <td colspan="2">
                                                            <label for="telex">Telex</label>
                                                            <input type="text" class="form-control" id="telex" placeholder="Telex" />
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="2">
                                                            <label for="cstno">CST No</label>
                                                            <input type="text" class="form-control" id="cstno" placeholder="CST No" />
                                                        </td>

                                                        <td colspan="2">
                                                            <div>
                                                                <label for="cstdate">CST Date</label>
                                                            </div>
                                                            <div>
                                                                <input class="form-control" id="cstdate" type="text">                                                                
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    
                                                    <tr>
                                                        
                                                        <td colspan="2">
                                                            <label for="tinno">Tin No</label>
                                                            <input type="text" class="form-control" id="tinno" placeholder="Tin No" />
                                                        </td>
                                                        <td colspan="2">
                                                            <div>
                                                                <label for="tindate">Tin Date</label>
                                                            </div>
                                                            <div>
                                                                <input class="form-control" id="tindate" type="text">                                                                
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="2">
                                                            <label for="contactname">Contact Name</label>
                                                            <input type="text" class="form-control" id="contactname" placeholder="Contact Name" />
                                                        </td>
                                                        <td colspan="2">
                                                            <label for="panno">Pan No</label>
                                                            <input type="text" class="form-control" id="panno" placeholder="Pan No" />
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="2">
                                                            <label for="mobno">Mob No</label>
                                                            <input type="text" class="form-control" id="mobno" placeholder="Pan No" />
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                        </form>
                                        <form>
                                        </form>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-primary" id="btnAdd" onclick="return Add();">Add</button>
                                        <button type="button" class="btn btn-primary" id="btnUpdate" style="display: none;" onclick="Update();">Update</button>
                                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@*@System.Web.Optimization.Scripts.Render("~/bundles/jqueryval")*@
<script type="text/javascript">
    $(document).ready(function () {
        $("#tindate").datepicker({ format: 'dd-mm-yyyy' });
        $("#cstdate").datepicker({ format: 'dd-mm-yyyy' });
    });
        
    
</script>
<!-- /page content -->