如何从SQL数据库日期与系统日期计算总天数并展示在HTML表格

现有代码的核心问题 #

• PHP变量未正确传递给JavaScript：直接在JS中写$checkSqlRow["CREATED_AT"]无效，JS无法识别PHP变量。
• JavaScript日期取值错误：today不是合法的日期对象，需用标准JS日期方法获取当前时间。
• 日期计算逻辑不严谨：用固定365/30天计算会忽略闰年、不同月份天数差异，导致结果不准。
• 输出逻辑缺失：计算结果没有插入到表格单元格中，无法在页面显示。

方案1：纯PHP后端计算（推荐，避免时区/客户端差异） #

直接在PHP中完成日期差计算，输出到表格单元格，无需前端JS参与：

<td>
<?php
// 从数据库获取创建日期
$createdAt = $checkSqlRow["CREATED_AT"];
// 转换为PHP日期对象
$date1 = new DateTime($createdAt);
$date2 = new DateTime(); // 当前系统日期
// 计算天数差
$interval = $date1->diff($date2);
// 输出天数，abs确保结果为正
echo abs($interval->days) . ' days';
?>
</td>

方案2：前端JavaScript计算 #

如果需要前端处理，需先将PHP的创建日期传递给JS，再进行计算：

<td id="days-old"></td>
<script>
// 将PHP变量转为JS可识别的日期字符串
const createdAt = "<?php echo $checkSqlRow["CREATED_AT"]; ?>";
const date1 = new Date(createdAt);
const date2 = new Date(); // 当前日期

// 计算毫秒级差值，转换为天数（一天=86400000毫秒）
const diffMs = Math.abs(date2 - date1);
const days = Math.floor(diffMs / (1000 * 60 * 60 * 24));

// 将结果插入表格单元格
document.getElementById('days-old').textContent = `${days} days`;
</script>

关键说明 #

• PHP的DateTime::diff()方法会自动处理闰年、不同月份天数，计算结果更准确。
• 前端计算时需确保CREATED_AT的日期格式符合JSDate对象的解析要求（如YYYY-MM-DD）。
• 两种方案都用abs()确保天数差为正数，避免创建日期晚于当前日期的异常情况。

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