asp.net-mvc-4 – jQuery DatePicker MVC4 EditorFor

我需要在EditorFor字段上使用datepicker.

我的视图代码是：

<div class="editor-label">
    @Html.Label("birthDate","birthDate")
</div>
<div class="editor-field">
    @Html.EditorFor(model => model.birthDate,new { @class = "datepicker"})
    @Html.ValidationMessageFor(model => model.birthDate)
</div>

剧本：

<script type="text/javascript">
$(document).ready(
    function () {
        $('.datepicker').datepicker({
            changeMonth: true,changeYear: true,minDate: "-99Y",dateFormat: "dd/mm/yyyy"
        });
    });

我不能让它发挥作用.我有以下错误：Microsoft JScript运行时错误：对象不支持此属性或方法’datepicker’.

在尝试调用函数之前,我已经加载了jQuery.

解决方法

@Html.EditorFor(model => model.birthDate,new { @class = "datepicker"})

不会起作用,因为“EditorFor”不会接受(传递给DOM)一个类.

因此,您需要使用接受Class或更好的“TextBoxFor”,创建一个EditorTemplate来处理任何DateTime字段并在那里添加类. This link详细介绍了如何制作模板.

一旦你的类工作(可以在源代码中验证),其余的只是引用jquery代码.我用

@Styles.Render("~/Content/themes/base/css")
@Scripts.Render("~/bundles/jqueryval")
@Scripts.Render("~/bundles/jqueryui")

并使用您已有的脚本激活它.注意名称’.datepicker’与Class完全相同.