javascript - 如何在 jQuery datepicker 中禁用特定日期，但它将是动态的，这意味着它将根据某些文本字段而改变

Question

我想动态禁用特定日期，但是当我将任何变量传递给 php 中 jQuery 日历中的 beforeShowDay 函数时，它会出错。

var disableSpecificWeekDays = function(dt) { 
 //0= sunday 1=monday 2=tuesday 3=wednesday 4=thursday 5=friday 6=saturday
 var   daysToDisable=[0]; 
 return (dt.getDay() !== daysToDisable); 
}; 

Answer 1

尝试：

代码：

var unavailableDates = new Array();
function unavailable(date) {
    dmy = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear();
    if ($.inArray(dmy, unavailableDates) == -1) {
        return [true, ""];
    } else {
        return [false, "", "Unavailable"];
    }
}

$(function() {

    $("#btn").click(function(){
       unavailableDates.push($("#txt1").val());
        unavailableDates.push($("#txt2").val());
        unavailableDates.push($("#txt3").val());
        alert(unavailableDates);
    });
    $("#iDate").datepicker({
        dateFormat: 'dd MM yy',
        beforeShowDay: unavailable
    });

});

HTML

<input id="txt1" type="text"></input>
<input id="txt2" type="text"></input>
<input id="txt3" type="text"></input>
<input id="btn" type="button" value="Click me to disable dates"></input>
<input id="iDate">

FIDDLE

笔记：

• 在这里，我使用三个输入来读取日期和按钮以将它们添加到数组中。您可以根据您的要求更改此设置。