ASP.NET MVC2 JQuery datepicker错误

时间:2010-05-22 17:06:03

标签: asp.net-mvc-2

我在从我的数据模型生成的文本框上调用datepicker函数时遇到“Microsoft JScript运行时错误:对象不支持此属性或方法”错误。

在头部我有:

<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();
    });

在身体部分我有:

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

...

<% } %>

我有错误的地方吗?

再次,你们的帮助很大,非常感谢你们。

3 个答案:

答案 0 :(得分:2)

DatePicker是JQueryUI的一部分。你必须选择一个主题并下载包的css和js(你将选择你想要的功能,而DatePicker是其中一个选项)。

注意:这是来自内存,因为jqueryui.com目前已关闭。

答案 1 :(得分:0)

但是这个:

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

我已经参考了它所需要的一切, 但它有同样的问题

现在有效...... 问题是jquery.ui.all.css ... 它假设复制整个文件在我只是复制其中一个...

答案 2 :(得分:0)

尝试它正在运作

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

<% } %>