ASP.NET MVC日期区间筛选异常：页面无数据显示问题排查

你的代码主要有两个关键问题导致表格无数据显示，还有一个HTML结构的小问题，我来逐一拆解说明：

1. 首次访问时的空参数过滤逻辑问题 #

当用户第一次打开页面时，start和end参数都是null，这时候你的LINQ查询条件：

Where(t => t.DateExpense >= start && t.DateExpense <= end)

会被EF解析成要求DateExpense同时满足大于等于null和小于等于null，这种逻辑会直接返回空集合，所以首次加载页面时表格没有数据。你需要添加逻辑，仅当参数不为null时才应用对应的过滤条件。

2. HTML表格结构错误 #

你把<tbody>标签放在了foreach循环内部，这会导致每一行数据都被包裹在单独的<tbody>里，不符合HTML规范，浏览器渲染时可能出现异常，间接导致数据无法正常显示。正确的做法是把<tbody>放在循环外面，循环只生成<tr>行元素。

修正后的代码 #

控制器代码： #

public ActionResult Index(DateTime? start, DateTime? end) 
{ 
    var query = _context.ExpenseDetails.Include(s => s.expenses).AsQueryable();

    // 仅当参数不为null时才添加过滤条件
    if (start.HasValue)
    {
        query = query.Where(t => t.DateExpense >= start.Value);
    }
    if (end.HasValue)
    {
        // 注意：如果DateExpense包含时间部分，改成end.Value.Date.AddDays(1)可包含当天所有时段的记录
        query = query.Where(t => t.DateExpense <= end.Value);
    }

    var ExpenseDetails = query.ToList(); 
    return View(ExpenseDetails); 
}

补充说明：如果DateExpense字段包含具体时间（比如2024-05-20 14:30:00），用户选择的结束日期是2024-05-20时，end.Value默认是2024-05-20 00:00:00，会过滤掉当天非凌晨的记录。这种场景下，把结束条件改成t.DateExpense <= end.Value.Date.AddDays(1)就能包含结束日期当天的所有记录。

视图代码： #

@using (Html.BeginForm()) { 
    <div> 
        <span>Start Date :</span> 
        <input type="date" name="start" /> 
        <span>End Date :</span> 
        <input type="date" name="end" /> 
        <input type="submit" value="Get Records Between Dates" /> 
    </div> 
    <table> 
        <tbody> <!-- 将tbody移到循环外部 -->
            @foreach (var item in Model) { 
                <tr> 
                    <td> @Html.DisplayFor(modelItem => item.expenses.Expenses_Type) </td> 
                    <td> @Html.DisplayFor(modelItem => item.DateExpense) </td> 
                    <td> @Html.DisplayFor(modelItem => item.Amount) </td> 
                </tr> 
            } 
        </tbody>
    </table> 
}

额外优化建议：可以给日期输入框添加默认值，提升用户体验，比如默认显示最近一周的区间：

<input type="date" name="start" value="@DateTime.Today.AddDays(-7).ToString("yyyy-MM-dd")" />
<input type="date" name="end" value="@DateTime.Today.ToString("yyyy-MM-dd")" />

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