Javascript 如何在多个jQueryUI日期选择器中删除特定日期

我想在一个页面上屏蔽四个不同JQuery日期选择器上的特定日期（例如，2015年5月20日至2015年5月25日）。最简单的方法（轻量级）是什么

HTML

日期选择器1
日期选择器2
日期选择器3
日期选择器4

jQuery

<script>
$(function() {
$( "#datepicker" ).datepicker({
        minDate:3,
        maxDate:180,
        dateFormat:"DD, d MM, yy",
        changeMonth:true,
        showButtonPanel:true
    });
});
 $(function() {
$( "#datepicker2" ).datepicker({
        minDate:3,
        maxDate:180,
        dateFormat:"DD, d MM, yy",
        changeMonth:true,
        showButtonPanel:true
    });
});
 $(function() {
$( "#datepicker3" ).datepicker({
        minDate:3,
        maxDate:180,
        dateFormat:"DD, d MM, yy",
        changeMonth:true,
        showButtonPanel:true
    });
});
 $(function() {
$( "#datepicker4" ).datepicker({
        minDate:8,
        maxDate:180,
        dateFormat:"DD, d MM, yy",
        changeMonth:true,
        showButtonPanel:true
    });
});
 </script>

<script>
 $(function() {
     var array = ["Tuesday, 14 April, 2015","Wednesday, 15 April, 2015","Thursday, 16 April, 2015"]
$( "#datepicker, #datepicker2, #datepicker3, #datepicker4" ).datepicker({
        minDate:3,
        maxDate:180,
        dateFormat:"DD, d MM, yy",
        changeMonth:true,
        showButtonPanel:true,
        beforeShowDay: function(date){
            var string = jQuery.datepicker.formatDate('DD, d MM, yy', date);
            return [ array.indexOf(string) == -1 ]
    }
    });
});
 </script>

$（函数（）{
$（“#日期选择器”）。日期选择器({
minDate:3，
最大日期：180，
日期格式：“日、日、月、年”，
变化月：对，
showButtonPanel：对
});
});
$（函数（）{
$（“#日期选择器2”）。日期选择器({
minDate:3，
最大日期：180，
日期格式：“日、日、月、年”，
变化月：对，
showButtonPanel：对
});
});
$（函数（）{
$（“#日期选择器3”）。日期选择器({
minDate:3，
最大日期：180，
日期格式：“日、日、月、年”，
变化月：对，
showButtonPanel：对
});
});
$（函数（）{
$（“#日期选择器4”）。日期选择器({
minDate:8，
最大日期：180，
日期格式：“日、日、月、年”，
变化月：对，
showButtonPanel：对
});
});

---

原始日期选择器代码：

这里是一个关于如何使用@charlietfl和@Emm提供的有用注释的示例。小提琴可以找到

但基本上，您保留HTML标记，然后对于javascript，您可以：

var unavailableDates = ["20-5-2015", "21-5-2015", "22-5-2015", "23-5-2015", "24-5-2015", "25-5-2015"];

function unavailable(date) {
    dmy = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear();
    if ($.inArray(dmy, unavailableDates) < 0) {
        return [true, "", "Book Now"];
    } else {
        return [false, "", "Booked Out"];
    }
}

$(function () {
    $("#datepicker, #datepicker2, #datepicker3, #datepicker4").datepicker({
        minDate: 3,
        maxDate: 180,
        dateFormat: "DD, d MM, yy",
        changeMonth: true,
        beforeShowDay: unavailable,
        showButtonPanel: true
    });
});

var不可用日期=[“20-5-2015”、“21-5-2015”、“22-5-2015”、“23-5-2015”、“24-5-2015”、“25-5-2015”]；
功能不可用（日期）{
dmy=date.getDate（）+“-”+（date.getMonth（）+1）+“-”+date.getFullYear（）；
如果（$.inArray（dmy，不可用日期）<0）{
返回[true，”，“立即预订”]；
}否则{
返回[假，“，”已预订“]；
}
}
$（函数（）{
$（“#日期选择器，#日期选择器2，#日期选择器3，#日期选择器4”）。日期选择器({
minDate:3，
最大日期：180，
日期格式：“日、日、月、年”，
变化月：对，
展会日前：不可用，
showButtonPanel：对
});
});

成功了！检查下面的代码

HTML

日期选择器1
日期选择器2
日期选择器3
日期选择器4

jQuery

<script>
$(function() {
$( "#datepicker" ).datepicker({
        minDate:3,
        maxDate:180,
        dateFormat:"DD, d MM, yy",
        changeMonth:true,
        showButtonPanel:true
    });
});
 $(function() {
$( "#datepicker2" ).datepicker({
        minDate:3,
        maxDate:180,
        dateFormat:"DD, d MM, yy",
        changeMonth:true,
        showButtonPanel:true
    });
});
 $(function() {
$( "#datepicker3" ).datepicker({
        minDate:3,
        maxDate:180,
        dateFormat:"DD, d MM, yy",
        changeMonth:true,
        showButtonPanel:true
    });
});
 $(function() {
$( "#datepicker4" ).datepicker({
        minDate:8,
        maxDate:180,
        dateFormat:"DD, d MM, yy",
        changeMonth:true,
        showButtonPanel:true
    });
});
 </script>

<script>
 $(function() {
     var array = ["Tuesday, 14 April, 2015","Wednesday, 15 April, 2015","Thursday, 16 April, 2015"]
$( "#datepicker, #datepicker2, #datepicker3, #datepicker4" ).datepicker({
        minDate:3,
        maxDate:180,
        dateFormat:"DD, d MM, yy",
        changeMonth:true,
        showButtonPanel:true,
        beforeShowDay: function(date){
            var string = jQuery.datepicker.formatDate('DD, d MM, yy', date);
            return [ array.indexOf(string) == -1 ]
    }
    });
});
 </script>

$（函数（）{
var数组=[“2015年4月14日星期二”、“2015年4月15日星期三”、“2015年4月16日星期四”]
$（“#日期选择器，#日期选择器2，#日期选择器3，#日期选择器4”）。日期选择器({
minDate:3，
最大日期：180，
日期格式：“日、日、月、年”，
变化月：对，
showButtonPanel：是的，
beforeShowDay:功能（日期）{
var string=jQuery.datepicker.formatDate（'DD，d-MM，yy'，date）；
return[array.indexOf（string）=-1]
}
});
});

您可以在这里找到答案，无需重复所有这些，只需传递多个选择器并在每周一次呼叫datepicker-我看到了这一点，但我认为我输入的代码是错误的。你能提供一个关于如何使用它的例子吗？charlietfl-我不熟悉编码，你能提供一个例子吗？

$（“#日期选择器，#日期选择器2，#日期选择器3”）。日期选择器（{/*options*/}）