IE11中setMaxDate(new Date(today))功能及替代方案咨询

我来帮你拆解这个问题，毕竟IE11的日期处理一直是前端的经典坑点！

1. setMaxDate(new Date(today))在IE11中的表现 #

首先，IE11对JavaScript的Date构造函数存在兼容性缺陷：当你把一个已有的Date对象作为参数传入新的Date构造函数（也就是new Date(today)这种写法）时，IE11无法正确解析这个参数，会生成一个Invalid Date无效对象。而setMaxDate方法需要接收有效的日期值，这就直接导致了IE11执行时报错。

另外如果你的Text是指HTML5原生的日期输入控件（<input type="date">），它的max属性在IE11中虽然支持，但对格式要求极其严格——必须是YYYY-MM-DD的ISO格式字符串，Chrome等现代浏览器会自动把Date对象转成对应格式，但IE11完全不会做这个兼容处理。

2. 兼容IE11的设置最大日期替代方案 #

针对这个问题，我们可以通过以下几种方式实现兼容，核心就是给setMaxDate传入IE11能识别的有效日期值：

方案一：手动生成ISO格式字符串 #

直接构造YYYY-MM-DD格式的字符串，代替Date对象传入，这是最稳妥的方式：

var today = new Date();
// 手动拼接符合要求的ISO格式字符串
var todayISO = `${today.getFullYear()}-${String(today.getMonth() + 1).padStart(2, '0')}-${String(today.getDate()).padStart(2, '0')}`;
// 如果是原生日期控件，直接设置max属性
document.getElementById('yourInput').max = todayISO;
// 如果是UI库的setMaxDate方法，多数都支持直接传入ISO字符串
Text.setMaxDate(todayISO);

方案二：修复Date对象的传递方式 #

如果你必须传入Date对象，可以先把原日期转成时间戳，再用时间戳创建新的Date对象，这种方式IE11能正确解析：

var today = new Date();
// 转成时间戳再创建新的Date对象，避免IE11解析错误
var validToday = new Date(today.getTime());
Text.setMaxDate(validToday);

方案三：封装通用兼容函数 #

如果需要在多个地方复用，可以封装一个自动适配IE11的函数：

function getCompatibleDate(date = new Date()) {
    // 判断是否是IE11
    const isIE11 = navigator.userAgent.indexOf('Trident/7.0') > -1;
    if (isIE11) {
        // IE11返回ISO格式字符串
        return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`;
    } else {
        // 现代浏览器直接返回Date对象
        return new Date(date);
    }
}

// 使用示例
var today = new Date();
Text.setMaxDate(getCompatibleDate(today));

补充提示 #

不同UI库（比如jQuery UI Datepicker、Bootstrap Datepicker等）的setMaxDate方法对参数的支持可能略有差异，但核心逻辑都是一致的：确保传入的日期值在IE11中是有效的——要么是标准格式的字符串，要么是IE11能正确识别的Date对象。

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