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.

blu · Accepted Answer · 2010-05-22 17:13:06Z

2

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.

answered May 22, 2010 at 17:13

blu

13.2k22 gold badges73 silver badges106 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Andy Evans Over a year ago

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

ten5peed Over a year ago

What about the jQueryUI .js file?

knd · Accepted Answer · 2010-05-25 03:29:23Z

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...

stealthyninja · Accepted Answer · 2012-01-05 13:50:53Z

0

try it it is working

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

<tr>
    <td class="label">Date of Birth:</td>
    <td><%: Html.TextBoxFor("dob")%></td>
    <td><%: Html.ValidationMessageFor(model => model.dob) %></td>
</tr>
...

<% } %>

edited Jan 5, 2012 at 13:50

stealthyninja

10.4k11 gold badges56 silver badges61 bronze badges

answered Sep 23, 2011 at 12:20

sandy barasker

1431 gold badge2 silver badges8 bronze badges

Collectives™ on Stack Overflow

ASP.NET MVC2 JQuery datepicker errors

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related