我正在尝试使用强类型视图的值来格式化由 ASP.Net MVC 的 TextBoxFor 呈现的日期。日期可以为空，因此如果为空，我希望看到一个空白值，否则我希望以 MM/dd/yyyy 格式查看它。
<%= Html.TextBoxFor(model => model.BirthDate, new { style = "width: 75px;" })%>
谢谢，
保罗·斯佩兰萨
【问题讨论】：
标签： asp.net-mvc format html-helper
您是否尝试过只传递您想要的日期格式？
Html.TextBoxFor(model => model.BirthDate.ToString("MM/dd/yyyy"),
new { style = "width: 75px;" })
【讨论】：
您是否尝试过强制当前线程应用程序的文化？您可以在 web.config 中使用这一行（在标签中）覆盖它：
<!-- Default resource files are set here. The culture will also change date format, decimal, etc... -->
<globalization enableClientBasedCulture="false" culture="en-US" uiCulture="en-US"/>
【讨论】：
首先，添加这个扩展来获取属性路径：
public static string GetPropertyPath<TEntity, TProperty>(Expression<Func<TEntity, TProperty>> property)
{
Match match = Regex.Match(property.ToString(), @"^[^\.]+\.([^\(\)]+)$");
return match.Groups[1].Value;
}
比为 HtmlHalper 添加这个扩展：
public static MvcHtmlString DateBoxFor<TEntity>(
this HtmlHelper helper,
TEntity model,
Expression<Func<TEntity, DateTime?>> property,
object htmlAttributes)
{
DateTime? date = property.Compile().Invoke(model);
// Here you can format value as you wish
var value = date.HasValue ? date.Value.ToShortDateString() : string.Empty;
var name = ExpressionParseHelper.GetPropertyPath(property);
return helper.TextBox(name, value, htmlAttributes);
}
你还应该添加这个 jQuery 代码：
$(function() {
$("input.datebox").datepicker();
});
datepicker 是一个 jQuery 插件。
现在你可以使用它了：
<%= Html.DateBoxFor(Model, (x => x.Entity.SomeDate), new { @class = "datebox" }) %>
【讨论】：
这是一个肮脏的黑客，但它似乎工作。
<%= Html.TextBoxFor(model => model.SomeDate,
new Dictionary<string, object> { { "Value", Model.SomeDate.ToShortDateString() } })%>
您获得模型绑定，并且能够使用格式化字符串覆盖文本字段的 HTML“值”属性。
【讨论】：
Dictionary<string, object> 或匿名对象（例如new { value = Model.SomeDate.ToShortDateString() }），它都不起作用。
一个简单的解决方案是不使用强类型帮助器。
<%= Html.TextBox("StartDate", string.Format("{0:d}", Model.StartDate)) %>
【讨论】：
您可以通过使用custom editor template 和Html.EditorFor() 而不是Html.TextBoxFor() 来保持强类型。
在您的 /Views/Shared 文件夹中创建一个新的 EditorTemplates 文件夹，并添加一个名为 DateTime 的新 MVC 2 View User Control .ascx。添加以下内容
<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<System.DateTime?>" %>
<%= Html.TextBox("", (Model.HasValue ? Model.Value.ToString("MM/dd/yyyy") : string.Empty)) %>
那么在你看来使用
<%= Html.EditorFor(model => model.BirthDate)%></p>
不用担心“”，命名仍然可以正常工作。
如果您以与默认应用程序文化不同的文化格式显示 DateTime，那么您将需要 change the culture information 或创建一个 custom model binder 以便模型绑定在回发 DateTime 时工作.
【讨论】：
我使用了一些自定义助手，并已在 MVC 2 和 3 中成功使用它们（代码也为 on Snipplr）。当我使用 jQuery-ui 日期选择器时，助手有一些 css 逻辑，但可以很容易地删除。
public static MvcHtmlString DateTextBoxFor<TModel, TValue>(this HtmlHelper<TModel> helper, Expression<Func<TModel, TValue>> expression, string formatString, object htmlAttributes)
{
var metadata = ModelMetadata.FromLambdaExpression(expression, helper.ViewData);
string format = String.IsNullOrEmpty(formatString) ? "M/d/yyyy" : formatString;
DateTime date = metadata.Model == null ? new DateTime() : DateTime.Parse(metadata.Model.ToString());
string value = date == new DateTime() ? String.Empty : date.ToString(format);
RouteValueDictionary attributes = new RouteValueDictionary(htmlAttributes);
string datePickerClass = "date-selector";
if (attributes.ContainsKey("class"))
{
string cssClass = attributes["class"].ToString();
attributes["class"] = cssClass.Insert(cssClass.Length, " " + datePickerClass);
}
else
{
attributes["class"] = datePickerClass;
}
return helper.TextBox(ExpressionHelper.GetExpressionText(expression), value, attributes);
}
public static MvcHtmlString DateTextBoxFor<TModel, TValue>(this HtmlHelper<TModel> helper, Expression<Func<TModel, TValue>> expression)
{
return DateTextBoxFor<TModel, TValue>(helper, expression, String.Empty, null);
}
public static MvcHtmlString DateTextBoxFor<TModel, TValue>(this HtmlHelper<TModel> helper, Expression<Func<TModel, TValue>> expression, string formatString)
{
return DateTextBoxFor<TModel, TValue>(helper, expression, formatString, null);
}
【讨论】：
说真的，为什么视图必须这样做？
将具有日期时间对象的核心模型映射到 mvc 视图模型。
//core model
public class Person
{
public DateTime? BirthDate { get; set;}
}
//view model
public class PersonForm
{
public string BirthDate { get; set; }
}
所以映射可能看起来像：
public interface IDomainToViewMapper<TModel, TViewModel>
{
/// <summary>
/// Use an automapper or custom implementation to map domain model to presentation model.
/// </summary>
/// <param name="source">domain model</param>
/// <returns>presentation model</returns>
TViewModel MapDomainToView(TModel source);
}
public interface IPersonMapper : IDomainToViewMapper<Person, PersonForm>
{
}
public class PersonMapper : IPersonMapper
{
#region IDomainToViewMapper<Person,PersonForm> Members
public PersonForm MapDomainToView(Person source)
{
PersonForm p = new PersonForm();
if (source.BirthDate.HasValue)
{
p.BirthDate = source.BirthDate.Value.ToShortDateString();
}
return p;
}
#endregion
}
您的控制器操作可能如下所示：
public ActionResult Index()
{
Person person = //get person;
var personForm = _personMapper.MapDomainToView(person);
return View(personForm)
}
那时您根本不需要更改视图示例。
来自第 2 章，MVC 2 实战（曼宁）
public class CustomerSummary
{
public string Name { get; set; }
public bool Active { get; set; }
public string ServiceLevel { get; set; }
public string OrderCount { get; set;}
public string MostRecentOrderDate { get; set; }
}
这个模型故意简单；它主要由字符串组成。这就是我们所代表的， 毕竟：页面上的文字。显示此对象中数据的逻辑将是 直截了当;视图只会输出它。 演示模型旨在 尽量减少视图中的决策。
【讨论】：
只需将它命名为它正在寻找的东西。喜欢：
Html.TextBox("Person.StartTime",Person.StartTime.ToShortDateString());
当它返回到控制器时，你的模型的值将是有界的。
【讨论】：
您可以考虑以下针对日期时间数据的 TextBoxFor 扩展方法示例：
public static MvcHtmlString CalenderTextBoxFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression)
{
Func<TModel, TProperty> deleg = expression.Compile();
var result = deleg(htmlHelper.ViewData.Model);
string value = null;
if (result.ToString() == DateTime.MinValue.ToString())
value = string.Empty;
else
value = string.Format("{0:M-dd-yyyy}", result);
return htmlHelper.TextBoxFor(expression, new { @class = "datepicker text", Value = value });
}
【讨论】：
MVC4http://msdn.microsoft.com/en-us/library/hh833694.aspx
@Html.TextBoxFor(model => model.YOUR_DATE, "{0:MM/dd/yyyy}")
【讨论】：