jQuery datepicker的beforeShowDay失效：仅启用指定日期功能异常

看起来你的核心逻辑方向是对的，但大概率是日期字符串格式不匹配导致$.inArray找不到对应项，从而无法正确启用指定日期。另外还有几个细节可以优化，我来一步步帮你解决：

1. 最可能的诱因：日期格式不统一 #

你生成的dmy格式是MM/DD/YYYY（比如09/05/2024代表9月5日），但如果dias字符串里的日期是其他格式（比如DD/MM/YYYY、YYYY-MM-DD或者没有前导零的格式），$.inArray就会返回-1，导致所有日期都被错误禁用。

修复方法：对齐日期格式 #

先确认dias里的日期格式，再调整dmy的生成逻辑和它完全一致。比如如果dias里是DD/MM/YYYY，那要把日期放在前面：

// 生成 DD/MM/YYYY 格式的字符串
var dmy = '';
if(d.getDate() < 10) dmy += "0";
dmy += d.getDate() + "/";
if((d.getMonth()+1) < 10) dmy += "0";
dmy += (d.getMonth()+1) + "/" + d.getFullYear();

如果不确定dias的格式，可以先在控制台打印days数组，对比你生成的dmy字符串，确保两者完全相同（包括前导零、分隔符）。

2. 初始化顺序与冗余代码优化 #

你当前先设置beforeShowDay再调用setDates，但setDates通常是用来设置选中日期而非启用日期，属于冗余操作，可以去掉。同时调整初始化顺序让逻辑更清晰：

if (typeof dias !== 'undefined' && dias != null && dias.trim() !== "") {
    var days = dias.split(',').map(item => item.trim()); // 去除数组项的多余空格
    $('#sandbox-container-' + num).datepicker({
        beforeShowDay: function(d) {
            // 这里根据dias的实际格式生成匹配的dmy字符串
            var dmy = '';
            if(d.getDate() < 10) dmy += "0";
            dmy += d.getDate() + "/";
            if((d.getMonth()+1) < 10) dmy += "0";
            dmy += (d.getMonth()+1) + "/" + d.getFullYear();
            
            // 打印日志确认格式匹配情况
            console.log('当前日期:', dmy, '是否在允许列表中:', $.inArray(dmy, days) !== -1);
            
            const isAvailable = $.inArray(dmy, days) !== -1;
            return [isAvailable, "", isAvailable ? "Available" : "unAvailable"];
        }
    }).attr("readonly", "readonly");
}

3. 其他细节优化 #

• 变量判断更严谨：用typeof dias !== 'undefined'代替dias!='undefined'，避免类型判断错误；同时增加trim()过滤空字符串的情况。
• 前导零处理修正：月份判断改为<10，这样9月会生成09，10月生成10，逻辑更准确。
• 简化return语句：用变量存储判断结果，让代码更易读。

测试建议 #

1. 打开浏览器控制台，查看打印的dmy和days数组的格式是否完全一致。
2. 如果格式一致但仍失效，检查days数组里有没有多余空格（比如dias字符串是"01/09/2024, 02/09/2024"，split后数组项带空格），用map(item => item.trim())可以解决这个问题。

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