<head>
<meta name="viewport" content="width=device-width" />
<title>Test</title>
<link href="~/Content/jquery.ui.all.css" rel="stylesheet" />
<script src="~/Scripts/jquery-1.10.2.js"></script>
<script src="~/Scripts/ui/jquery.ui.core.js"></script>
<script src="~/Scripts/ui/jquery.ui.widget.js"></script>
<script src="~/Scripts/ui/jquery.ui.datepicker.js"></script>
<link href="~/Content/demos.css" rel="stylesheet" />
<script>
$(function () {
$("#dt").datepicker();
});
</script>
</head>
<body>
<p>Date: <input type="text" id="dt"></p>
<div class="demo-description">
<p>The datepicker is tied to a standard form input field. Focus on the input (click, or use the tab key) to open an interactive calendar in a small overlay. Choose a date, click elsewhere on the page (blur the input), or hit the Esc key to close. If a date is chosen, feedback is shown as the input's value.</p>
</div>
</body>
0x800a01b6 - JavaScript runtime error: Object doesn't support property or method 'datepicker'