html - MVC 4 Razor 添加输入类型日期

Question

我想知道如何插入 <input type="date"/>对于我的模型的日期时间属性。至于现在 Razor 使用 type="datetime" 创建一个普通的输入元素.我想使用 HTML5 的新输入类型。

Answer 1

输入日期值格式需要根据 https://www.rfc-editor.org/rfc/rfc3339#section-5.6 指定的日期全日制。

所以我最终做了:

<input type="date" id="last-start-date" value="@string.Format("{0:yyyy-MM-dd}", Model.LastStartDate)" />

我确实尝试过“正确地”使用:

[DataType(DataType.Date)]
[DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:yyyy-MM-dd}")]
public DateTime LastStartDate
{
    get { return lastStartDate; }
    set { lastStartDate = value; }
}

与

@Html.TextBoxFor(model => model.LastStartDate, 
    new { type = "date" })

不幸的是，它似乎总是将输入的值属性设置为标准日期时间，所以我最终像上面那样直接应用格式。

编辑:

根据 Jorn 的说法，如果你使用

@Html.EditorFor(model => model.LastStartDate)

代替 TextBoxFor 一切正常。