asp.net-mvc - MVC 4 EditorFor/TextBoxFor 和日期字段

Question

NweBee here...我们如何使用 MVC 4 在具有特定宽度的输入框中仅显示和编辑日期时间字段的日期部分？我们似乎可以通过在 EditorFor 中使用日期编辑器模板来获取日期部分，并且可以在 TextBoxFor 中使用 class="width.. 设置宽度，但似乎无法同时获得两者。

score 2 · Accepted Answer

您可以指定格式@Html.TextBoxFor如下：

@Html.TextBoxFor(m => m.Date, "{0:dd/MM/yyyy}", new { @class = "width-xx" })

您还可以按照本指南为 DateTime 字段实现自定义编辑器模板，并将您的自定义 CSS 类包含在新模板中。如果您在整个应用程序或特定控制器中需要相同的样式，则此解决方案很好。

score 0 · Accepted Answer

一种方法是将您包装@Html.EditorFor()在一个 div 中并通过选择包含 div 中的输入来应用您的样式。

<div class="editorfordate">
    @Html.EditorFor(m=>m.MyDate)
</div>

和 CSS：

.editorfordate > input {
    width: 34px; /* or whatever you want */
}

一个更好的方法是实现一个自定义的 EditorFor 模板，这样每次你使用@Html.EditorFor()帮助器时，都会自动创建额外的包装器 div。

2 回答 2