1

我想在所有日期时间字段上使用 jquery 日期选择器，所以我在我的 mvc3 项目中关注

模型

public DateTime? DateTime{ get; set; }

视图/共享/编辑器模板

@model DateTime?
@Html.TextBox("", Model.ToString(), new { @class = "date" })

在 _Layout.cshtml 页面上我有

$(document).ready(function () {
   $(".date").datepicker();
});

我引用了 datepicker css 和其他 jquery 文件（jqueryui 和 jquery-1.5.1.js）

   <script src="@Url.Content("~/Scripts/jquery-1.5.1.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.min.js")" type="text/javascript"></script>

<link href="@Url.Content("~/Content/themes/base/jquery.ui.datepicker.css")" rel="stylesheet" type="text/css" />

错误信息如下

TypeError: $(".date").datepicker is not a function
[Break On This Error]       
$(".date").datepicker();

谢谢

4

3 回答 3

1

您似乎包含jquery了两次：标准版和缩小版。摆脱两者之一。还要确保您的自定义脚本紧随其后：

<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.min.js")" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
       $(".date").datepicker();
    });
</script>
于 2012-09-09T19:25:49.687 回答
0

您没有包含此日期选择器所属的 jQuery 和 jQuery UI（.js 文件而不是 .css）库。

于 2012-09-09T16:42:01.657 回答
0

我有几个建议。

  1. 尝试将 jquery 更新到我认为是 1.8.1 的最新版本
  2. 我不认为你需要model.tostring只是模型应该在这个cale中工作//不认为这是导致问题的原因，而只是一个建议
于 2012-09-10T01:20:31.097 回答