旧MVC应用中读取TextMode=Date的TextBox值时Text属性为空，如何解决？

问题原因 #

旧版ASP.NET（.NET Framework 4.0及更早）对HTML5日期控件的支持不完善，当asp:TextBox设置TextMode="Date"时，服务器端的Text属性无法正确获取前端输入的日期值，导致返回空字符串。

解决方案 #

1. 直接从Request.Form获取值

利用控件的ClientIDMode="Static"特性，直接从请求表单中读取原始提交值：

string dateFromStr = Request.Form["DateFrom"];
DateTime dateFrom;
if (DateTime.TryParseExact(dateFromStr, "yyyy-MM-dd", CultureInfo.InvariantCulture, DateTimeStyles.None, out dateFrom))
{
    // 处理日期逻辑
}
else
{
    // 日期格式无效，提示用户
}

2. 替换为原生HTML5日期控件

放弃asp:TextBox，使用原生HTML5输入标签，后台同样通过Request.Form取值：

<input type="date" id="DateFrom" name="DateFrom" autocomplete="off" style="width:150px; height:20px;" />

后台代码同方案1。

3. 升级.NET Framework版本

如果项目允许，将.NET Framework升级到4.5及以上，新版本已修复HTML5日期控件与asp:TextBox的绑定问题，Text属性可正常获取值。

4. 客户端同步值到隐藏字段

若必须保留asp:TextBox，在表单提交前用JS将日期值同步到隐藏字段，后台读取隐藏字段的值：

<asp:TextBox ID="DateFrom" autocomplete="off" runat="server" textmode="Date" Width="150px" Height="20px" ClientIDMode="Static"></asp:TextBox>
<asp:HiddenField ID="HiddenDateFrom" runat="server" ClientIDMode="Static" />

<script>
document.querySelector('form').addEventListener('submit', function() {
    document.getElementById('HiddenDateFrom').value = document.getElementById('DateFrom').value;
});
</script>

后台代码：

string dateFromStr = HiddenDateFrom.Value;
DateTime dateFrom;
if (DateTime.TryParseExact(dateFromStr, "yyyy-MM-dd", CultureInfo.InvariantCulture, DateTimeStyles.None, out dateFrom))
{
    // 处理日期逻辑
}

注意事项 #

• HTML5日期控件提交的日期格式固定为yyyy-MM-dd，建议使用DateTime.TryParseExact而非Parse，避免因文化差异导致解析错误。
• 所有方案都需先判断值是否为空，防止空引用或解析异常。

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