8

我正在尝试为 DateTime 字段创建编辑器模板，但它似乎不尊重我的 DisplayFormat 属性。

我的模型：

public class Project
{
    [Display(Name="Project Name")]
    [Required]
    public string ProjectName { get; set; }

    [Display(Name="Start Date")]
    [DisplayFormat(DataFormatString="{0:M/d/yyyy}", ApplyFormatInEditMode=true)]
    public DateTime? StartDate { get; set; }
}

我在文件夹 /Views/Projects/EditorTemplates/DateTime.cshtml 中的编辑器模板

@model DateTime?
@Html.TextBoxFor(m => Model, new { @class="datepicker" })

这是将所有内容联系在一起的视图：

@model Project

<fieldset>
    <legend>Project</legend>

    <div class="editor-label">
        @Html.LabelFor(m => m.ProjectName)
    </div>
    <div class="editor-field">
        @Html.EditorFor(m => m.ProjectName)
        @Html.ValidationMessageFor(m => m.ProjectName)
    </div>

    <div class="editor-label">
        @Html.LabelFor(m => m.StartDate)
    </div>
    <div class="editor-field">
        @Html.EditorFor(m => m.StartDate)
        @Html.ValidationMessageFor(m => m.StartDate)
    </div>
</fieldset>

当我以这种方式拥有它时，我会看到日期的时间部分。当我删除编辑器模板时，它工作正常，只显示日期部分。为什么当我有编辑器模板时它似乎忽略了 DisplayFormat？

4

3 回答 3

6

让我们先看看不使用模板时会发生什么。我添加了泛型类型以使其更明确地区别是什么。

@Html.TextBoxFor<Product>(product => product.StartDate)

现在让我们看看您的模板编辑器：

@Html.TextBoxFor<DateTime?>(dateTime => dateTime)

注意到区别了吗？在后一种情况下，您只是在处理 DateTime 实例，这意味着您正在丢失模型属性定义的元数据。

通过使用模板，您是负责处理元数据的人，这些元数据应该在ViewData.ModelMetadata.*. 例如，在您的情况下，您需要自己格式化日期ViewData.ModelMetadata.DisplayFormatString

于 2011-08-19T16:56:02.720 回答
4

如果您将编辑器模板更改为：

@Html.TextBox("", ViewData.TemplateInfo.FormattedModelValue, new { @class = "datePicker" })

要使您的日期属性符合 HTML5，请将 DataType.Date 属性添加到您的模型属性：

[DataType(DataType.Date)]
[Display(Name="Start Date")]
[DisplayFormat(DataFormatString="{0:M/d/yyyy}", ApplyFormatInEditMode=true)]
public DateTime? StartDate { get; set; }

并在 /Views/Projects/EditorTemplates/Date.cshtml 中添加日期编辑器模板：

@Html.TextBox("", ViewData.TemplateInfo.FormattedModelValue, new { @class = "datePicker", type = "date" })
于 2012-08-22T14:54:03.730 回答
0

改成@Html.TextBoxFor(m => m, new { @class="datepicker" })

于 2011-08-19T17:43:54.783 回答