ASP.NET MVC：带type属性的HTML Helper控件不显示预填充值

核心原因 #

1. Number类型控件问题：你给TextBoxFor指定了"{0:c}"货币格式，这会输出带货币符号（如$1234.56）的字符串，但type="number"的input仅接受纯数字（含小数点、正负号），浏览器无法解析带符号的字符串，所以预填充值不显示。
2. Date类型控件问题：type="date"的input要求值必须是**yyyy-MM-dd**格式的字符串，但默认TextBoxFor渲染DateTime对象时，输出的格式可能包含时间或不符合标准格式，浏览器无法识别，因此不显示预填充值。

修复代码 #

针对Number控件

去掉货币格式字符串，直接绑定纯数值：

@Html.LabelFor(m => m.TotalGrossMonthlySales)
@Html.TextBoxFor(m => m.TotalGrossMonthlySales, new { @type = "number", @class = "required numeric", id = "CurrentBalance" })
@Html.ValidationMessageFor(m => m.TotalGrossMonthlySales)

如果需要货币显示效果，建议通过前端实现（比如在input左侧添加货币符号、用JS格式化显示），不要直接给number控件输出带格式的字符串。

针对Date控件

有两种可靠的修复方式：

方式1：使用EditorFor（推荐）

先给模型属性标记DataType特性：

[DataType(DataType.Date)]
public DateTime BusinessStartDate { get; set; }

视图中替换为EditorFor，它会自动生成符合要求的date控件并格式化值：

@Html.LabelFor(m => m.BusinessStartDate)
@Html.EditorFor(model => model.BusinessStartDate, new { @class = "form-control datepicker" })
@Html.ValidationMessageFor(m => m.BusinessStartDate)

方式2：手动指定格式字符串

直接给TextBoxFor添加格式参数，确保输出yyyy-MM-dd格式：

@Html.LabelFor(m => m.BusinessStartDate)
@Html.TextBoxFor(model => model.BusinessStartDate, "{0:yyyy-MM-dd}", new { @type = "date", @class = "form-control datepicker", @pattern = "yyyy-MM-dd" })
@Html.ValidationMessageFor(m => m.BusinessStartDate)

内容的提问来源于stack exchange，提问作者user1257758