如何在Next.js API中通过日期判断待办项是否可见？

数据老陈

2026-9-27

方案可行性结论

你的实现思路是完全可行的，用Next.js服务端API路由做时间判断，刚好可以规避客户端篡改本地时间导致内容提前泄露的问题，符合你的安全需求。

现存问题&修正建议

你当前代码唯一需要调整的是时区适配问题：

Node.js环境下new Date()获取的是运行环境的系统时间，Netlify的服务器默认采用UTC时区，如果你指定的待办开启时间是按特定时区（比如北京时间UTC+8）设定的，直接写new Date('2021-12-01')会按UTC时间解析，和你预期的时间存在时差。
修正方案非常简单：直接使用带明确时区的日期字符串或者固定时间戳做比较，完全屏蔽服务端时区的影响：

export default function handler(req, res) {
  // 示例：指定按北京时间2021-12-01 00:00开启
  const todo1Target = new Date('2021-12-01T00:00:00+08:00').getTime()
  const todo2Target = new Date('2021-12-02T00:00:00+08:00').getTime()
  // 更稳妥的方案：提前把目标时间转成时间戳写死，完全避免日期解析问题
  // const todo1Target = 1638288000000
  // const todo2Target = 1638374400000

  const now = Date.now()
  res.status(200).json([
    {
      title: 'Todo 1',
      id: 1,
      isOpened: false,
      canBeOpened: now >= todo1Target,
    },
    {
      title: 'Todo 2',
      id: 2,
      isOpened: false,
      canBeOpened: now >= todo2Target,
    },
  ]);
}

另外注意你示例代码里两个待办项的id都是1，后续开发可以修正这个小问题。