QuickBase中基于HTML实现静态日期递加3月至达标显示需求

实现思路 #

1. 读取表单中[static date]和[date created]的字段值
2. 将日期转为可操作的Date对象，自动处理月份递增时的跨年边界（比如10月加3个月自动转为次年1月）
3. 循环给static date每次递增3个月，直到其年份+月份组合大于等于date created的年份+月份组合
4. 将最终满足条件的日期格式化后赋值到目标表单字段

代码实现 #

在QuickBase表单的自定义HTML/JavaScript区域添加以下代码（需替换为你实际的字段ID）：

<script>
// 替换为实际字段ID：staticDateFid=静态日期字段ID，dateCreatedFid=创建日期字段ID，targetFid=目标显示字段ID
const staticDateFid = 1;
const dateCreatedFid = 2;
const targetFid = 3;

// 日期格式化：转为MM/DD/YYYY格式适配QuickBase字段
function formatDate(date) {
  const month = String(date.getMonth() + 1).padStart(2, '0');
  const day = String(date.getDate()).padStart(2, '0');
  const year = date.getFullYear();
  return `${month}/${day}/${year}`;
}

// 获取字段值并转为Date对象
const staticDateStr = document.querySelector(`[name="f${staticDateFid}"]`).value;
const dateCreatedStr = document.querySelector(`[name="f${dateCreatedFid}"]`).value;

if (staticDateStr && dateCreatedStr) {
  let currentDate = new Date(staticDateStr);
  const targetDate = new Date(dateCreatedStr);
  const targetYear = targetDate.getFullYear();
  const targetMonth = targetDate.getMonth(); // Date对象月份为0-11，对应1-12月

  // 循环递增3个月直到满足条件
  while (true) {
    const currentYear = currentDate.getFullYear();
    const currentMonth = currentDate.getMonth();
    
    // 年份更大直接满足；年份相同则需月份>=目标月份
    if (currentYear > targetYear || (currentYear === targetYear && currentMonth >= targetMonth)) {
      break;
    }
    // 递增3个月，自动处理跨年
    currentDate.setMonth(currentDate.getMonth() + 3);
  }

  // 将结果赋值到目标字段
  document.querySelector(`[name="f${targetFid}"]`).value = formatDate(currentDate);
}
</script>

代码说明 #

• 字段ID替换：需将代码中staticDateFid、dateCreatedFid、targetFid替换为你QuickBase表单中对应的字段ID（可在字段设置页查看）
• 边界处理：setMonth()方法会自动处理跨年、跨月的日期转换，无需额外编写判断逻辑
• 比较逻辑：仅对比年份和月份，忽略日期部分，完全匹配需求中"MM/YYYY部分大于等于"的要求
• 格式适配：格式化后的日期符合QuickBase日期字段的标准输入格式，避免解析错误

示例验证 #

输入：

• static date = 1/1/2021
• date created = 8/1/2022

代码执行后，最终得到的日期为10/1/2022（其MM/YYYY为10/2022，满足大于08/2022的条件）

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