asp.net-mvc-4 - jQuery DatePicker MVC4编辑器

Question

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

我的 View 代码是:

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

Answer 1

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

将不起作用，因为 “EditorFor”将不接受(传递给DOM) 和类。

因此，您 需要使用“TextBoxFor” ，它将更好地接受一个Class或 ，创建一个EditorTemplate 来处理任何一个DateTime字段并在其中添加类。 This link详细说明了如何制作模板。

一旦使用了Class(可以在源代码中进行验证)，剩下的只是引用jquery代码。我用

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

并使用您已有的脚本激活它。请注意，名称“.datepicker”与类完全相同。