Airtable中filterByFormula按日期过滤返回首条记录问题求助

核心问题 #

你的filterByFormula被额外的双引号包裹，导致Airtable将其视为字面字符串而非布尔表达式，从而忽略了筛选逻辑，返回了视图中的默认记录。

具体修复步骤 #

1. 修正筛选公式的语法
   移除公式外层的双引号，让Airtable正确解析筛选条件：
   原错误代码：

   filterByFormula: `"DATESTR({Name})='${isoDate}'"`,
   

   修正后：

   filterByFormula: `DATESTR({Name}) = '${isoDate}'`,
   

2. 避免日期解析歧义
   使用明确的ISO格式创建目标日期，防止不同浏览器/区域设置下的解析差异：
   原代码：

   let isoDate = new Date("08/01/2022").toISOString().slice(0, 10);
   

   修正为（两种可选方式）：

   // 方式1：使用ISO日期字符串
   let isoDate = new Date("2022-08-01").toISOString().slice(0, 10);
   // 方式2：显式构造日期（月份从0开始，7代表8月）
   const targetDate = new Date(2022, 7, 1);
   let isoDate = targetDate.toISOString().slice(0, 10);
   

3. 优化日期比较（可选）
   若存在时区差异问题，直接比较日期对象而非字符串会更可靠：

   filterByFormula: `{Name} = DATETIME_PARSE('${isoDate}', 'YYYY-MM-DD')`,
   

完整修正后的代码 #

// 明确构造目标日期
const targetDate = new Date(2022, 7, 1);
let isoDate = targetDate.toISOString().slice(0, 10);

const base = new Airtable({ apiKey: apiKey }).base(baseID);

base("tabledata")
  .select({
    filterByFormula: `DATESTR({Name}) = '${isoDate}'`,
    view: "Grid view",
  })
  .eachPage(
    function page(records, fetchNextPage) {
      records.forEach(function (record) {
        let newEl = {
          date: record.get("Name"),
          game: record.get("games"),
        };
        // 注意：如果是React状态，建议用扩展语法保留所有记录
        // setData(prev => [...prev, newEl]);
        setData(newEl);
      });
      try {
        fetchNextPage();
      } catch {
        return;
      }
    },
    function done(err) {
      if (err) {
        console.error(err);
        return;
      }
    }
  );

额外提示 #

如果你的setData是React状态 setter，当前代码会每次覆盖之前的记录，建议改为追加模式：setData(prev => [...prev, newEl])，这样就能获取所有符合条件的记录。

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