在Day.js中禁用日期溢出且保留格式灵活性的实现方法

要实现禁止日期数值溢出（比如32号、13月这类无效值），同时允许格式的灵活性（比如单数字的日/月，如3-12-2023），可以通过「宽松解析+手动数值验证」的组合方案，避开strict模式强制格式位数匹配的限制。

核心思路 #

1. 用Day.js的宽松模式解析输入日期，避免因格式位数不严格直接判定无效；
2. 拆分输入的日期时间各部分，验证数值本身是否合法（无溢出）；
3. 确认解析后的日期与输入的数值完全匹配，防止宽松模式自动修正溢出日期。

具体实现代码 #

// 工具函数：验证日期是否合法（禁用溢出+兼容灵活格式）
function isValidFlexDate(input, format) {
  // 宽松模式解析日期
  const parsedDate = dayjs(input, format, false);
  if (!parsedDate.isValid()) return false;

  // 拆分输入的日期时间部分（针对dd-mm-yyyy HH:mm格式，可按需调整）
  const [dateSegment, timeSegment] = input.split(' ');
  const [inputDay, inputMonth, inputYear] = dateSegment.split('-').map(Number);
  const [inputHour, inputMinute] = timeSegment.split(':').map(Number);

  // 验证各部分数值合法性
  const maxDaysInMonth = dayjs(`${inputYear}-${inputMonth}`).daysInMonth();
  const isDayValid = inputDay >= 1 && inputDay <= maxDaysInMonth;
  const isMonthValid = inputMonth >= 1 && inputMonth <= 12;
  const isHourValid = inputHour >= 0 && inputHour <= 23;
  const isMinuteValid = inputMinute >= 0 && inputMinute <= 59;

  // 验证解析结果与输入数值完全匹配（防止宽松模式自动修正溢出）
  const isMatch = parsedDate.date() === inputDay &&
                  parsedDate.month() + 1 === inputMonth &&
                  parsedDate.year() === inputYear &&
                  parsedDate.hour() === inputHour &&
                  parsedDate.minute() === inputMinute;

  return isDayValid && isMonthValid && isHourValid && isMinuteValid && isMatch;
}

使用示例 #

// 合法日期（灵活格式）
console.log(isValidFlexDate('3-12-2023 16:00', 'dd-mm-yyyy HH:mm')); // true

// 溢出日期（无效）
console.log(isValidFlexDate('32-12-2023 16:00', 'dd-mm-yyyy HH:mm')); // false

// 严格格式的合法日期
console.log(isValidFlexDate('03-12-2023 16:00', 'dd-mm-yyyy HH:mm')); // true

// 无效月份（13月）
console.log(isValidFlexDate('3-13-2023 16:00', 'dd-mm-yyyy HH:mm')); // false

注意事项 #

• 如果你的日期格式不是dd-mm-yyyy HH:mm，需要调整代码中拆分日期时间的逻辑（比如针对mm-dd-yyyy格式，交换日和月的验证顺序）；
• 该方案会自动处理闰年2月的天数验证，无需额外判断。

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