如何修改GridView页面以按当日时段展示统计数据？

我来帮你一步步改造这个页面，实现当日按指定时段展示统计数据+时段结束自动重置的需求，分几个核心部分来处理：

1. 动态计算当前所属时段的时间范围 #

首先我们需要替换掉硬编码的日期时间，改成根据当前时间自动判断所属时段。新增一个方法来获取当前时段的开始和结束时间，同时处理跨天的情况（比如22:00到次日6:00的时段）：

// 用于获取当前所属时段的开始和结束时间
private (DateTime shiftStart, DateTime shiftEnd) GetCurrentShiftTime()
{
    DateTime now = DateTime.Now;
    DateTime today = now.Date; // 获取当日00:00:00的时间

    // 定义三个时段的起始点
    DateTime shift1Start = today.AddHours(6);   // 6:00
    DateTime shift2Start = today.AddHours(14);  // 14:00
    DateTime shift3Start = today.AddHours(22);  // 22:00

    if (now >= shift1Start && now < shift2Start)
    {
        // 第一时段：6:00 - 13:59:59
        return (shift1Start, shift2Start.AddSeconds(-1));
    }
    else if (now >= shift2Start && now < shift3Start)
    {
        // 第二时段：14:00 - 21:59:59
        return (shift2Start, shift3Start.AddSeconds(-1));
    }
    else
    {
        if (now >= shift3Start)
        {
            // 第三时段（当日晚）：22:00 - 次日5:59:59
            return (shift3Start, today.AddDays(1).AddHours(6).AddSeconds(-1));
        }
        else
        {
            // 第三时段（当日凌晨）：属于前一天的22:00 - 当日5:59:59
            return (today.AddDays(-1).AddHours(22), shift1Start.AddSeconds(-1));
        }
    }
}

2. 改造Refreshdata方法，动态获取时段数据 #

把原来硬编码的日期替换成上面方法返回的动态时段，这样每次调用都会获取当前时段的当日数据：

public void Refreshdata(int selectedProduct) 
{ 
    BizManager biz = new BizManager(); 
    // 获取当前时段的时间范围
    var currentShift = GetCurrentShiftTime();
    // 传入动态计算的时段参数
    GridView1.DataSource = biz.GetPacktstatisticsForShift(currentShift.shiftStart, currentShift.shiftEnd, selectedProduct).DefaultView; 
    GridView1.DataBind(); 
}

3. 修复下拉框事件的代码完整性 #

你现有代码的Dropdownlist1_SelectedIndexChanged方法缺少闭合的大括号，补全后保持原有逻辑即可：

public void Dropdownlist1_SelectedIndexChanged(object sender, EventArgs e) 
{ 
    int productId; 
    if(int.TryParse(DropDownList1.SelectedValue, out productId)) 
        Refreshdata(productId); 
}

4. 实现时段结束后自动重置（页面自动刷新） #

要实现时段结束后自动切换数据，我们可以在前端用JavaScript计算到下一个时段开始的时间，定时刷新页面。在你的ASPX页面中添加这段脚本：

<script type="text/javascript">
    function calculateNextRefreshTime() {
        const now = new Date();
        const currentHour = now.getHours();
        let nextShiftStart;

        // 判断当前时段，计算下一个时段的开始时间
        if (currentHour >= 6 && currentHour < 14) {
            // 当前是6-14点时段，下一个时段14:00开始
            nextShiftStart = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 14, 0, 0);
        } else if (currentHour >= 14 && currentHour < 22) {
            // 当前是14-22点时段，下一个时段22:00开始
            nextShiftStart = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 22, 0, 0);
        } else {
            // 当前是22-次日6点时段，下一个时段次日6:00开始
            nextShiftStart = new Date(now.getFullYear(), now.getMonth(), now.getDate() + 1, 6, 0, 0);
        }

        // 计算需要等待的毫秒数，防止出现负数（比如刚好过了时段开始时间）
        let waitMs = nextShiftStart.getTime() - now.getTime();
        if (waitMs < 0) waitMs = 1000; // 若已过时段开始，1秒后刷新

        return waitMs;
    }

    // 设置定时刷新，到下一个时段自动重载页面
    setTimeout(() => {
        window.location.reload();
    }, calculateNextRefreshTime());
</script>

额外注意点 #

• 如果服务器时区和客户端时区不一致，建议在服务器端计算下一个刷新时间，然后通过隐藏字段传递给前端，避免时间偏差。
• 若需要支持手动切换时段，可以额外添加一个下拉框选择时段，然后在Refreshdata方法中根据选择的时段手动传入对应的时间范围。

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