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

我已经有了一个datepicker的脚本..我只需要使日期的输入类也是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属性（如css类）应用于使用EditorFor帮助程序生成的输入字段。您所要做的就是使用自定义属性修饰视图模型属性。

编辑在ASP MVC3中创建由Database-First Model生成的视图

1 个答案: