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

前端之家收集整理的这篇文章主要介绍了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完全相同.

原文链接:https://www.f2er.com/aspnet/251807.html

猜你在找的asp.Net相关文章