看起来你的脚本在Safari里栽了跟头，核心问题出在Safari对Date.parse()的格式要求特别严格，外加你其实根本不需要解析日期——先给你两个直接能用的修复方案：

方案1：直接对比字符串（最推荐） #

你的输入框值是CSS-2018这种自定义标识，完全没必要转成日期！直接对比原始字符串就行，彻底绕开日期解析的兼容性坑：

function compareDate() {
    // 直接拿输入框的文本值，顺便去掉前后空格避免意外
    const d1 = document.frm_date.txt_dt1.value.trim();
    const d2 = document.frm_date.txt_dt2.value.trim();
    
    if (d1 !== d2) {
        alert("Code not matched");
    } else {
        $('.popup').hide();
    }
    return true;
}

方案2：优化元素获取方式（可选） #

如果担心表单元素获取的兼容性，换成getElementById会更稳妥：

function compareDate() {
    const d1 = document.getElementById('txt_dt1').value.trim();
    const d2 = document.getElementById('txt_dt2').value.trim();
    
    if (d1 !== d2) {
        alert("Code not matched");
    } else {
        $('.popup').hide();
    }
    return true;
}

为啥Safari会失效？ #

这里给你掰扯清楚原因：

• Safari的Date.parse()只认标准日期格式（比如2024-05-20、05/20/2024），像CSS-2018这种非日期字符串，它直接返回NaN。而NaN和任何值对比（包括自己）都是不等的，所以你的d1 != d2永远为真，一直弹提示，根本到不了隐藏弹窗的逻辑。
• Chrome、Firefox这些浏览器对非标准格式比较宽容，会尝试"猜"你要的日期，所以脚本能正常运行。

额外提醒 #

• 如果以后真的要处理日期，一定要用标准格式，别搞自定义的，不然兼容性问题会找上门。
• 尽量用===/!==代替==/!=，避免类型转换带来的奇怪bug。

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