在MVC3中编辑Database-First模型生成的创建视图

Question

我有这个create视图，它生成代码...

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

我已经有了datepicker的脚本..我只需要让date的输入类也是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();

另一种可能是使用custom metadata provider，它允许您将额外的HTML属性应用于使用EditorFor帮助器生成的输入字段。你所要做的就是用一个自定义属性来修饰你的视图模型属性。