ASP.NET MVC2 JQuery datepicker errors

Question

I'm having the "Microsoft JScript runtime error: Object doesn't support this property or method" error when calling the datepicker function on a textbox generated from my data model.

in the head section I have:

<link href="../../Content/Site.css" rel="stylesheet" type="text/css" />
<script src="../../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="../../Scripts/MicrosoftAjax.js" type="text/javascript"></script>
<script src="../../Scripts/MicrosoftMvcValidation.js" type="text/javascript"></script>

<script type="text/javascript">
    $(document).ready(function () {
        $('#dob').datepicker();
    });

and in the body section I have:

<% Html.EnableClientValidation(); %>
<% using (Html.BeginForm()) { %>

...

<tr>
    <td class="label">Date of Birth:</td>
    <td><%: Html.TextBoxFor(model => model.dob, new { @class = "inputtext" })%></td>
    <td><%: Html.ValidationMessageFor(model => model.dob) %></td>
</tr>

...

<% } %>

Do I have something in the wrong place?

Again, you folks are a great help and assistance would be greatly appreciated.

Answer 1

The DatePicker is part of JQueryUI. You will have to pick a theme and download the css and js for the package (you will choose which features you want, and DatePicker is one of the options).

Note: This is from memory as jqueryui.com is currently down.

Answer 2

@blu I've added a jquery ui css reference (redmond) and still get the same response.

Answer 3

but what about this:

    <link type="text/css" href="../../Content/ui/jquery.ui.all.css" rel="stylesheet" />
    <script type="text/javascript" src="../../Scripts/jquery-1.4.2.js"></script>
    <script type="text/javascript" src="../../Scripts/jquery.ui.core.js"></script>
    <script type="text/javascript" src="../../Scripts/jquery.ui.widget.js"></script>
    <script type="text/javascript" src="../../Scripts/jquery.ui.datepicker.js"></script>
    <link type="text/css" href="../../Content/ui/demos.css" rel="stylesheet" />
    <script type="text/javascript">
    $(function() {
        $("#datepicker").datepicker();
    });
    </script>

i have reference all that it need, but it stil has the same problem

it works now... the problem is jquery.ui.all.css... it suppose to copy the whole files in the fold while i just copy one of them...