如何设置动态最大输入日期：实现今日起两个月内的日期范围校验

前端原生日期控件的范围绑定 #

要让用户在交互选择阶段就无法点选范围外的日期，直接给原生<input type="date">绑定min、max动态属性即可，不需要额外引入第三方日期组件：

• 可选范围的起点为当日零点，终点为当日往后推两个自然月的同一日期，两个边界值都是动态计算的，不需要手动固定日期
• 原生date输入框要求的属性值格式为YYYY-MM-DD，计算完时间后需要做格式适配

对应的前端代码片段：

// 获取当前实时时间
const current = new Date();
// 计算两个月后的时间点
const maxBound = new Date();
maxBound.setMonth(current.getMonth() + 2);

// 适配date输入框要求的日期格式，自动补全年、月、日的前导零
const formatToDateInput = (dateObj) => {
  const year = dateObj.getFullYear();
  const month = String(dateObj.getMonth() + 1).padStart(2, '0');
  const day = String(dateObj.getDate()).padStart(2, '0');
  return `${year}-${month}-${day}`;
}

// 给日期输入框绑定动态可选范围
const dateField = document.querySelector('input[name="Date"]');
dateField.min = formatToDateInput(current);
dateField.max = formatToDateInput(maxBound);

服务端校验的逻辑修正 #

你写的校验判断存在逻辑错位：原代码打算用&&连接两个异常条件，但这两个条件（输入日期比今日早、输入日期比两个月后的日期晚）完全互斥，不可能同时成立，校验永远不会触发报错，等于没有做校验。
实际需要实现的校验规则是：只要输入的日期不在「当日 ≤ 输入日期 ≤ 两个月后」的合法区间内，就触发错误提示。

PHP端可以直接用内置时间函数动态计算最大边界，不需要硬编码固定日期：

$inputDate = trim($_POST['Date']);
$inputTime = strtotime($inputDate);

// 计算两个动态边界值
$minAllowedTime = mktime(0, 0, 0); // 今日零点的时间戳，即可选范围的最小边界
$maxAllowedTime = strtotime('+2 months', $minAllowedTime); // 从今日零点往后推2个自然月的时间戳，即可选范围的最大边界

// 只要输入值超出任意一侧的边界，就触发错误提示
if ($inputTime < $minAllowedTime || $inputTime > $maxAllowedTime) {
    echo "Sorry, you can not pick that date!";
}

实现注意点 #

• 用strtotime('+2 months')计算最大边界时，会自动适配不同月份的天数差异（大月31天、小月30天、闰年2月29天），严格按照自然月的规则推算时间，不会出现“按60天硬算导致实际日期偏移1-2天”的问题
• 所有边界值都是基于请求发生的实时时间计算的，不需要定期手动更新配置，可选区间会自动随时间同步滚动

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