我在使用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”部分。
当前回答
// 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>
希望这能有所帮助。
其他回答
当然你可以使用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，但是如果有的话，如果浏览器还不支持的话，我就会有条件地使用它来显示我的数据选择器。
我使用Globalize，所以工作与许多日期格式，所以使用以下:
@Html.TextBoxFor(m => m.DateOfBirth, "{0:d}")
这将自动调整日期格式到浏览器的地区设置。
不要害怕使用原始HTML。
<input type="text" value="<%= Html.Encode(Model.SomeDate.ToShortDateString()) %>" />
MVC4通过添加一个新的TextBoxFor重载解决了这个问题，它接受一个字符串格式参数。现在你可以简单地这样做:
@Html.TextBoxFor(m => m.EndDate, "{0:d MMM yyyy}")
还有一个重载html属性，所以你可以设置CSS类，连接datepickers等:
@Html.TextBoxFor(m => m.EndDate, "{0:d MMM yyyy}", new { @class="input-large" })
