根据日期选择器选择禁用表单字段

Question

我有一个带有日期选择器的表格，人们可以在其中预订旅行。如果他们选择 12 月的日期，我希望自动禁用表单上的额外是/否下拉菜单。我的日期选择器也有禁用日期。日期选择器似乎正在工作，但我似乎无法从任何地方返回的日期选择器中获取所选月份（我尝试将其打印到屏幕上，在警报中使用它等）显然我的代码有问题，但我'我不是 JS/jQuery 专家，所以我无法自己解决！

jQuery(document).ready(function($) {

// INITIALIZE DATEPICKER
jQuery(function() {
        jQuery("#myDatepicker").datepicker({
            beforeShowDay: unavailableDates,
            changeMonth: true,
            minDate: 1
    });

});

// DISABLE DATES WITHIN DATEPICKER & GET MONTH  
function unavailableDates(date) {
        dmy = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear();
                    if (jQuery.inArray(dmy, theUnavailableDates) == -1) {
            return [true, ""];
        } else {
            return [false, "", "Unavailable"];
        }

        var selectedMonth = date.getMonth();
        if (selectedMonth == 11) {
            jQuery("#tourExtras").hide();
            alert("this means its working");
        }
        else {
            jQuery("tourExtras").show();
            alert("this means its not working");
        }
}   

// DISABLED DATES 
var theUnavailableDates = ["1-1-2014", "2-1-2014", "3-1-2014"];

现在我什至无法让警报正常工作，所以我假设这与我在 var selectedMonth = date.getMonth(); 等方面的工作方式有关。

任何帮助将不胜感激！

Answer 1

您的函数“unavailableDates(date)”似乎是正确的，但我认为 datepicker 的属性“beforeShowDay”不是您想要的。

根据jQueryUI's Datepicker API：

所以，我认为你想要的功能是：onSelect

你的代码应该是这样的：

$( "#datepicker" ).datepicker({
    onSelect: function(dateText, inst) { 
        unavailableDates(dateText);
    },
    changeMonth: true,
    minDate: 1
});

// DISABLE DATES WITHIN DATEPICKER & GET MONTH  
function unavailableDates(dateText) {
    var date = new Date(dateText); //convert text to date

        dmy = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear();
        if (jQuery.inArray(dmy, theUnavailableDates) == -1) {
            alert("this date is NOT on theUnavailableDates array");
            //do something
        } else {
            alert("this date is on theUnavailableDates array!")
            //do something
        }

    var selectedMonth = date.getMonth() + 1; //the month is based on jan=0,feb=1,...
    if (selectedMonth == 11) {
        jQuery("#tourExtras").hide();
        alert("this is november");        
    }
    else {
        jQuery("tourExtras").show();
        alert("this is not november");
    }
}   

// DISABLED DATES 
var theUnavailableDates = ["1-1-2014", "2-1-2014", "3-1-2014"];

您可以在jsfiddle 上查看。