我在使用TextBoxFor<，>(表达式，htmlAttributes)将DateTime的唯一日期部分显示为文本框时遇到了麻烦。
该模型基于Linq2SQL，字段是SQL和实体模型中的DateTime。
失败:
<%= Html.TextBoxFor(model => model.dtArrivalDate, String.Format("{0:dd/MM/yyyy}", Model.dtArrivalDate))%>
这个技巧似乎被贬低了，htmlAttribute对象中的任何字符串值都被忽略了。
失败:
[DisplayFormat( DataFormatString = "{0:dd/MM/yyyy}" )]
public string dtArrivalDate { get; set; }
我想在详细信息/编辑视图上只存储和显示日期部分，而没有“00:00:00”部分。
当前回答
这对我很管用。
@Html.TextBoxFor(m => m.DateOfBirth, "{0:MM/dd/yyyy}", new { size = "12", @class = "DOB", tabindex = 121 })
其他回答
当然你可以使用Html.EditorFor。 但是如果你想使用TextBoxFor和使用DisplayFormat属性的格式，你可以这样使用它:
@Html.TextBoxFor(model => model.dtArrivalDate, ModelMetadata.FromLambdaExpression(model => model.dtArrivalDate, ViewData).EditFormatString)
或创建下一个扩展:
public static class HtmlExtensions
{
public static MvcHtmlString TextBoxWithFormatFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression, object htmlAttributes)
{
return htmlHelper.TextBoxFor(expression, ModelMetadata.FromLambdaExpression(expression, htmlHelper.ViewData).EditFormatString, htmlAttributes);
}
}
你也可以通过应用这个数据注释来使用HTML 5属性:
[DataType(DataType.Date)]
但问题是，这为HTML 5浏览器启用了特定于浏览器的日期选择器。对于不支持日期选择器的浏览器，您仍然需要自己的日期选择器，然后您必须确保您的日期选择器不会在浏览器的日期选择器之外出现(Modernizr可以轻松地做到这一点)，或者隐藏浏览器的日期选择器(很复杂，我不知道我看到的方法有多可靠)。
最后我选择了Alex的，因为我目前的环境没有Modernizr，但是如果有的话，如果浏览器还不支持的话，我就会有条件地使用它来显示我的数据选择器。
// datePicker中的datatimetime显示为11/24/2011 12:00:00 AM
//你可以用空格分隔，只设置日期值
脚本:
if ($("#StartDate").val() != '') {
var arrDate = $('#StartDate').val().split(" ");
$('#StartDate').val(arrDate[0]);
}
标记:
<div class="editor-field">
@Html.LabelFor(model => model.StartDate, "Start Date")
@Html.TextBoxFor(model => model.StartDate, new { @class = "date-picker-needed" })
</div>
希望这能有所帮助。
如果你坚持使用[DisplayFormat]，但你没有使用MVC4，你可以使用这个:
@Html.TextBoxFor(m => m.EndDate, new { Value = @Html.DisplayFor(m=>m.EndDate), @class="datepicker" })
如果您正在使用Bootstrap日期选择器，那么您只需添加data_date_format属性，如下所示。
@Html.TextBoxFor(m => m.StartDate, new {
@id = "your-id", @class = "datepicker form-control input-datepicker", placeholder = "dd/mm/yyyy", data_date_format = "dd/mm/yyyy"
})
