asp.net-mvc-3 - 在 ASP MVC3 中编辑由数据库优先模型生成的创建视图

Question

我有这个创建视图，它生成了代码....

        <div class="editor-label">
            @Html.LabelFor(model => model.EmployeeId, "Employee")
        </div>
        <div class="editor-field">
            @Html.DropDownList("EmployeeId", String.Empty)
            @Html.ValidationMessageFor(model => model.EmployeeId)
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.Date,"Date")
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Date)
            @Html.ValidationMessageFor(model => model.Date)
        </div>

在运行它时，它会自动为输入创建文本框......我不能做的是强制日期文本框成为日期选择器......

我可以在简单的输入上做到这一点，

 <input class="datepicker">

我已经有一个日期选择器的脚本..我只需要将日期的输入类也设为日期选择器...（我在生成的代码中看不到输入，我可以在其中添加 class="datepicker"）

Answer 1

您可以将datepicker类添加到包含 div：

<div class="editor-field datepicker">
    @Html.EditorFor(model => model.Date)
    @Html.ValidationMessageFor(model => model.Date)
</div>

然后简单地调整您的 jQuery 选择器，使其将日期选择器应用于该类datepicker的输入元素或该类的某个元素中包含的输入元素：

$('.datepicker, .datepicker input[type="text"]').datepicker();

另一种可能性是使用自定义元数据提供程序，它允许您将其他 HTML 属性（例如 css 类）应用于使用EditorFor帮助程序生成的输入字段。您所要做的就是使用自定义属性装饰您的视图模型属性。