JS日期校验函数异常：无法限制输入大于当前日期的问题

核心问题分析 #

1. 当前日期包含时分秒，导致日期比较逻辑偏差 #

currentDate通过new Date()生成，包含当前的时分秒信息。而用户输入的日期（如20/05/2024）被解析后是当天的00:00:00，此时若当前时间为当天下午（如2024-05-20 14:30:00），selectedFromDate >= currentDate会返回false——这部分对当天日期的判断没问题，但如果日期解析出现异常，就会导致未来日期的校验完全失效。

2. 日期格式解析兼容性问题，导致校验逻辑跳过 #

你的formatDate函数返回DD/MM/YYYY格式，但new Date()对斜杠分隔的日/月/年格式解析行为不统一：

• 在Firefox等浏览器中，new Date("21/05/2024")会被解析为无效日期（默认按MM/DD/YYYY解析，5月没有21日）
• 当解析结果为Invalid Date（即NaN）时，所有日期比较逻辑都会返回false，直接跳过校验，用户可随意输入任何日期（包括未来日期）

3. 未处理目标日期为空的情况 #

当用户首次输入起始日期时，结束日期为空，此时selectedToDate为无效日期，selectedFromDate > selectedToDate会返回false，若起始日期是未来日期但因解析问题变成无效日期，整个校验条件就不会触发。

修复方案 #

步骤1：统一日期解析逻辑 #

手动解析DD/MM/YYYY格式的日期，避免依赖浏览器的自动解析：

function parseDMYDate(dateStr) {
  const parts = dateStr.split('/');
  if (parts.length !== 3) return null;
  const day = parseInt(parts[0], 10);
  const month = parseInt(parts[1], 10) - 1; // 月份从0开始计数
  const year = parseInt(parts[2], 10);
  const date = new Date(year, month, day);
  // 验证日期有效性（如避免2月30日这类无效日期）
  return date.getFullYear() === year && date.getMonth() === month && date.getDate() === day ? date : null;
}

步骤2：清除当前日期的时分秒 #

将currentDate设置为当天的00:00:00，消除时分秒对日期比较的干扰：

var currentDate = new Date();
currentDate.setHours(0, 0, 0, 0); // 清零时分秒
var minDateFrom = new Date(currentDate);
minDateFrom.setDate(currentDate.getDate() - 90);

步骤3：增加无效日期校验 #

在执行校验逻辑前，先判断解析后的日期是否有效，避免NaN导致逻辑失效。

完整修复代码 #

function solveDate1(input) {
    var value = input.value;
    var errorMessage = "";

    // 统一解析DD/MM/YYYY格式的日期
    function parseDMYDate(dateStr) {
        const parts = dateStr.split('/');
        if (parts.length !== 3) return null;
        const day = parseInt(parts[0], 10);
        const month = parseInt(parts[1], 10) - 1; // 月份从0开始
        const year = parseInt(parts[2], 10);
        const date = new Date(year, month, day);
        // 验证日期是否有效（比如避免2月30日这种无效日期）
        return date.getFullYear() === year && date.getMonth() === month && date.getDate() === day ? date : null;
    }

    function formatDate(date) {
        var day = date.getDate().toString().padStart(2, '0');
        var month = (date.getMonth() + 1).toString().padStart(2, '0');
        var year = date.getFullYear();
        return day + "/" + month + "/" + year;
    }

    if (value !== "") {
        // 清除当前日期的时分秒，确保日期比较准确
        var currentDate = new Date();
        currentDate.setHours(0, 0, 0, 0);
        var minDateFrom = new Date(currentDate);
        minDateFrom.setDate(currentDate.getDate() - 90);

        var transactionDateFromInput = input.form.elements['dynaBean.TRANSACTIONDATEFROM'];
        var transactionDateToInput = input.form.elements['dynaBean.TRANSACTIONDATETO'];
        
        // 解析日期，处理无效格式
        var selectedFromDate = parseDMYDate(transactionDateFromInput.value);
        var selectedToDate = parseDMYDate(transactionDateToInput.value);

        // 先检查输入日期格式是否有效
        if (input.name === 'dynaBean.TRANSACTIONDATEFROM' && !selectedFromDate) {
            errorMessage = "格式无效，请输入DD/MM/YYYY格式的有效日期";
        } else if (input.name === 'dynaBean.TRANSACTIONDATETO' && !selectedToDate) {
            errorMessage = "格式无效，请输入DD/MM/YYYY格式的有效日期";
        } else {
            if (input.name === 'dynaBean.TRANSACTIONDATEFROM') {
                // 处理to日期为空的情况，此时只校验from的范围
                const toDateIsValid = selectedToDate !== null;
                if (selectedFromDate < minDateFrom || selectedFromDate > currentDate || (toDateIsValid && selectedFromDate > selectedToDate)) {
                    var minDateFormatted = formatDate(minDateFrom);
                    var maxDateFormatted = formatDate(currentDate);
                    errorMessage = "Inserire una data valida tra " + minDateFormatted + " e " + maxDateFormatted;
                } else {
                    if (selectedFromDate) {
                        // 转换为ISO格式设置min属性（input[type=date]要求YYYY-MM-DD）
                        const isoDate = selectedFromDate.toISOString().slice(0, 10);
                        transactionDateToInput.min = isoDate;
                        transactionDateToInput.value = "";
                    }
                }
            }

            if (input.name === 'dynaBean.TRANSACTIONDATETO') {
                if (selectedToDate > currentDate || selectedToDate < minDateFrom || (selectedFromDate && selectedToDate < selectedFromDate)) {
                    var maxDateFormatted = formatDate(currentDate);
                    errorMessage = "Inserire una data valida tra " + formatDate(minDateFrom) + " e " + maxDateFormatted + ", successiva alla data iniziale.";
                } else {
                    if (selectedToDate) {
                        const isoDate = selectedToDate.toISOString().slice(0, 10);
                        transactionDateFromInput.max = isoDate;
                    }
                }
            }
        }

        if (errorMessage !== "") {
            alert(errorMessage);
            input.value = "";
        }
    }
}

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